Przycisk zmieniający kolor nagłówka

0

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ć?

0

Przeanalizuj sobie i przerób na swoje potrzeby

http://jsfiddle.net/TrueBlueAussie/nmav8d3n/4/

1 użytkowników online, w tym zalogowanych: 0, gości: 1