Zmiana stylu elementu <div id="okno">

Biblioteka JQuery dołączona w nagłówku strony

	<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

Element: <div id="okno">
$("#okno").css(właściwość, wartość)

	<div id="okno">
	  <h2> ... </h2>
	</div>
	

Fragment kodu HTML (przyciski)

	<div id="btn">	  
	  <button onclick="styl_1b()">Tekst 1</button>
	  <button onclick="styl_2b()">Tekst 2</button>
	  <button onclick="location.href='08.html'">Start</button>
	</div>
	

Funkcje z pliku skrypt.js

	function styl_1b(){
	  $("#okno").css("color", "white");
	  $("#okno").css("background-color", "black");
	  $("#okno").css("text-align", "right");
	  $("#okno").css("border-radius", "25px 0");
	}

	function styl_2b(){
	  $("#okno").css("color", "blue");
	  $("#okno").css("background-color", "lightblue");
	  $("#okno").css("text-align", "center");
	  $("#okno").css("border-radius", "30px");
	}