Learning Javascript

Example 1

by Megi93

HTML

<div id="text">Please, hide me!</div>

<div class="show" onclick="myFunction()">Click to hide this div above!</div>

CSS

#text {
	padding: 15px;
	background-color: pink;
	text-align: center;
	margin: 0 auto;
	width: 150px;
	height: 55px
}

.show {
	padding: 10px;
	color: pink;
	text-align: center;
}

JavaScript

function myFunction() {
	var text = document.getElementById('text').innerHTML;
	document.getElementById('text').style.backgroundColor = 'blue';
	document.getElementById('text').style.color = 'pink';
	document.getElementById('text').style.fontWeight = '700';
	document.getElementById('text').style.letterSpacing = '3px';
}