ques5.html

<!DOCTYPE html>
<html>
<head>
	<title>Question 5</title>
	<style type="text/css">
		.target{
			font-size: 100%;
			text-align: center;
		}
	</style>
</head>
<body>
<div id="main">
	<p class="target"> Some random content </p>
</div>

<div id="notmain">
	<p class="target">This is another content</p>
</div>
<center><button class="target">Changing the font size of the element whose parent has id = main</button></center>

	<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
	<script type="text/javascript">
		$(document).ready(function() {
			$("button").click(function() {
				
				$(".target").parent("#main").css('font-size', '200%');
			});
			
		});
	</script>
	<a href="contents.html">Navigate for other Questions </a>

</body>
</html>