Zmiana stylu elementu <div id="okno">
Element: <div id="okno">
document.querySelector("#okno").style.własność = ...
<div id="okno"> <h2> ... </h2> </div>
Fragment kodu HTML (przyciski)
<div id="btn"> <button onclick="styl_1a()">Styl 1</button> <button onclick="styl_2a()">Styl 2</button> <button onclick="location.href='06.html'">Start</button> </div>
Funkcje z pliku skrypt.js
function styl_1a(){ document.querySelector("#okno").style.color = "white"; document.querySelector("#okno").style.backgroundColor = "black"; document.querySelector("#okno").style.textAlign = "right"; document.querySelector("#okno").style.borderRadius = "25px 0"; } function styl_2a(){ document.querySelector("#okno").style.color = "blue"; document.querySelector("#okno").style.backgroundColor = "lightblue"; document.querySelector("#okno").style.textAlign = "center"; document.querySelector("#okno").style.borderRadius = "30px"; }