<!DOCTYPE html>
<html>
<head>
<title>Controlled Assessment!</title>
<link rel="stylesheet" href="Css/stylesheet.css" type="text/css"/>
<!-- This is the webpage i found how to link an external script http://stackoverflow.com/questions/13739568/how-do-i-link-a-javascript-file-to-a-html-file -->
</head>
<body>
<img id="color" src="Pictures/green.jpg" >
<p id="hel">he</p>
<button onclick="nxt()">new colour</button>
<script type="text/jscript" src="JavaScript/trafficlight.js" />
</body>
<footer>
<script src="JavaScript/trafficlight.js"></script>
</footer>
</html>
Das ist mein HTML-Code istJavascript Array, Bild-Links, die Verknüpfung
//My array that will be used for the traffic light sequence
var colour = ["Pictures/red.jpg", "Pictures/green.jpg", "Pictures/amber.jpg"];
function nxt() {
"use strict";
document.getElementById("hel").innerHTML = "helllll";
document.getElementById("color").innerHTML = colour["Pictures/red.jpg"];
}
Dies ist mein Javascript, was ich versuche zu tun ist, wenn Sie die Taste, um die Bildänderungen auf ein anderes Bild klicken, das ist in einem Array in der Javascript-Sektion in diesem Fall im im Versuch, von grün zu rot wechseln, aber es funktioniert nicht und ich bin wirklich verwirrt warum?
Sie ändern, ein Bild durch das 'src' Attribut ändern, nicht' innerHTML'. –