Cześć !
Chciałem zrobić przycisk który zmienia kolor nagłówka za każdym kliknięciem.
To co stworzyłem nie działa:
html:
<!DOCTYPE html>
<html>
<head>
<title>DOM - ćwiczenie</title>
<meta charset="utf-8">
<script type="text/javascript" src="dom.js" ></script>
</head>
<body onload="change()">
<h1 id="damian">Witajcie na naszej stronie ! </h1>
<form>
<input type="button" onClick="change2(KOLORY)" value="zmień kolor">
</form>
</body>
</html>
js:
var KOLORY = ["red", "green", "blue", "yellow", "lightgreen"]
function change(){
var nodzik = document.getElementById("damian");
nodzik.setAttribute("style", "color: blue")
}
function change2(tablica){
for (var i=0; i<tablica.length; i++){
var nod = document.getElementByTagName("damian");
var style = '"style", "color:' + tablica[i] + '"';
nod.setAttribute(style);
break;
}
}
Jak to należy zrobić?