VorontsovIE/jquery_sample.html

## jquery_sample.html
<html>
<head>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js" integrity="sha512-bLT0Qm9VnAYZDflyKcBaQ2gg0hSYNQrJ8RilYldYQ1FxQYoCLtUjuuRuZo+fjqhx/qtq/1itJ0C2ejDxltZVFg==" crossorigin="anonymous"></script>

	<title>{%block title%}{%endblock%}</title>
	<style type="text/css">
		li {
			color: black;
			background-color: white;
		}

		li.highlighted {
			color: red;
			background-color: black;
		}

	</style>
	<!-- ... -->
</head>
<body>
	<div class="container">
		<ul class="menu">
			<li>Item</li>
			<li>Item 2</li>
		</ul>
		{% block content %} Default {% endblock %}
		<button onClick="markup()">Toggle</button>
	</div>

	<script>
		$(function(event) {
			let highlighted = false;
			function markup() {
				console.log('markup');
				if (highlighted) {
					$('li').removeClass('highlighted');
					highlighted = false;
				} else {
					$('li').addClass('highlighted');
					highlighted = true;
				}
			}


			$('li').click(function(event){
				let text = event.target.textContent;
				alert(text);
				// console.log(event);
			});
		})
	</script>
</body>
</html>
	<html>
	<head>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js" integrity="sha512-bLT0Qm9VnAYZDflyKcBaQ2gg0hSYNQrJ8RilYldYQ1FxQYoCLtUjuuRuZo+fjqhx/qtq/1itJ0C2ejDxltZVFg==" crossorigin="anonymous"></script>

	<title>{%block title%}{%endblock%}</title>
	<style type="text/css">
	li {
	color: black;
	background-color: white;
	}

	li.highlighted {
	color: red;
	background-color: black;
	}

	</style>
	<!-- ... -->
	</head>
	<body>
	<div class="container">
	<ul class="menu">
	<li>Item</li>
	<li>Item 2</li>
	</ul>
	{% block content %} Default {% endblock %}
	<button onClick="markup()">Toggle</button>
	</div>

	<script>
	$(function(event) {
	let highlighted = false;
	function markup() {
	console.log('markup');
	if (highlighted) {
	$('li').removeClass('highlighted');
	highlighted = false;
	} else {
	$('li').addClass('highlighted');
	highlighted = true;
	}
	}


	$('li').click(function(event){
	let text = event.target.textContent;
	alert(text);
	// console.log(event);
	});
	})
	</script>
	</body>
	</html>