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