valeriu/show-hide-div.html

## show-hide-div.html
<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>test js</title>
	<style>
	#p2{ display:none;}
	</style>
		<script>
		function clik()
			{
				window.alert("Apasa aici ca sa vedem rezultatul");
				var myObj1 = document.getElementById("p1");
				myObj1.style.display="block"; // change color to red
				var myObj2 = document.getElementById("p2");
				myObj2.style.display="block"; // change color to red
			}
	function clik2()
			{
				window.alert("Apasa aici ca sa vedem rezultatul");
				var myObj1 = document.getElementById("p1");
				myObj1.style.display="block"; // change color to red
				var myObj2 = document.getElementById("p2");
				myObj2.style.display="none"; // change color to red
			}


	</script>
</head>
<body>

<div id="p1">
	<h1>
		/ P1
	</h1>
	<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Praesentium voluptatibus blanditiis soluta molestiae voluptate nobis iste omnis voluptatem placeat alias distinctio sint incidunt quo delectus odit architecto recusandae aperiam culpa eos perferendis aliquid ipsa amet excepturi porro nostrum eveniet provident sapiente sequi ab debitis dignissimos laborum corporis quia dicta enim quas fugiat. Modi perspiciatis ducimus!</p>
	<input type="button" value="Apasa" onclick="clik()">
</div>
	<div id="p2">
		<h1>/P2</h1>
		<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam voluptas odio impedit at aut necessitatibus doloremque quas cumque perferendis eum voluptates quis iure inventore odit assumenda minus voluptatem id saepe voluptatibus nulla incidunt illo unde facere aperiam in molestias dolorum! Vel aut nostrum recusandae eos veritatis impedit ex molestias dicta.</p>
		<input type="button" value="Apasa" onclick="clik2()">
	</div>
</body>
</html>
	<!doctype html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<title>test js</title>
	<style>
	#p2{ display:none;}
	</style>
	<script>
	function clik()
	{
	window.alert("Apasa aici ca sa vedem rezultatul");
	var myObj1 = document.getElementById("p1");
	myObj1.style.display="block"; // change color to red
	var myObj2 = document.getElementById("p2");
	myObj2.style.display="block"; // change color to red
	}
	function clik2()
	{
	window.alert("Apasa aici ca sa vedem rezultatul");
	var myObj1 = document.getElementById("p1");
	myObj1.style.display="block"; // change color to red
	var myObj2 = document.getElementById("p2");
	myObj2.style.display="none"; // change color to red
	}


	</script>
	</head>
	<body>

	<div id="p1">
	<h1>
	/ P1
	</h1>
	<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Praesentium voluptatibus blanditiis soluta molestiae voluptate nobis iste omnis voluptatem placeat alias distinctio sint incidunt quo delectus odit architecto recusandae aperiam culpa eos perferendis aliquid ipsa amet excepturi porro nostrum eveniet provident sapiente sequi ab debitis dignissimos laborum corporis quia dicta enim quas fugiat. Modi perspiciatis ducimus!</p>
	<input type="button" value="Apasa" onclick="clik()">
	</div>
	<div id="p2">
	<h1>/P2</h1>
	<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam voluptas odio impedit at aut necessitatibus doloremque quas cumque perferendis eum voluptates quis iure inventore odit assumenda minus voluptatem id saepe voluptatibus nulla incidunt illo unde facere aperiam in molestias dolorum! Vel aut nostrum recusandae eos veritatis impedit ex molestias dicta.</p>
	<input type="button" value="Apasa" onclick="clik2()">
	</div>
	</body>
	</html>