M12L14.html

<!DOCTYPE html>
<html>
<head>
	<title>Latihan 14</title>
	<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
	<script type="text/javascript">
		$(document).ready(function(){
			$("button").click(function(){
				$("p").css("background-color","yellow");
			});
		});
	</script>
</head>
<body>
	<h2>This is a heading</h2>

	<p style="background-color: #ff0000">This is a paragraph.</p>
	<p style="background-color: #00ff00">This is a paragraph.</p>
	<p style="background-color: #0000ff">This is a paragraph.</p>

	<p>This is a paragraph.</p>

	<button>Set background-color of p</button>

</body>
</html>