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");
}