第12-13章 execise 1－Switch的部落格

第12-13章 execise 1

這題主要是練習 DOM collections 操作
老師在練習時解答蠻清楚的~
如果還是不會的話再看解答喔!

<!DOCTYPE html>
<html>
<head>
<meta charset = "utf-8">
<title>Using Images Collection</title>
<script>
function start() {
var button = document.getElementById( "roll_dice" );
button.addEventListener( "click", change, false );

}
function change() {
var x = document.images;
for(i in x){
var num = Math.floor((Math.random()*10) %6 + 1);
x[i].src = "die" + num + ".png";
}
}
window.addEventListener( "load", start, false );

</script>
</head>
<body>
<img src="blank.png" alt="1">
<img src="blank.png" alt="2">
<img src="blank.png" alt="3">
<img src="blank.png" alt="3">
<form action = "#">
<input id = "roll_dice" type = "button" value = "Roll Dice">
</form>
</body>
</html>