Wie erstelle ich einen Button für den Ampelcode in Javascript?

Question

Jun 13, 2016, 08:15 PM

Wie erstelle ich einen Button für den Ampelcode in Javascript?

Ich beabsichtige, eine Schaltfläche in meinen Ampelcode aufzunehmen, damit der Benutzer darauf klicken kann, um die Ampel zu aktivieren. Ich bin mir jedoch nicht sicher, wo ich sie in meinem Code platzieren soll.

Dies ist mein Code:

<head>
<script type="text/javascript">
var image1 = new Image()
image1.src = "traffic light_1.png"
var image2 = new Image()
image2.src = "traffic light_2.png"
var image3 = new Image()
image3.src = "traffic light_3.png"
var image4 = new Image()
image4.src = "traffic light_2.png"
</script>
</head>
<body>
<p><img src="traffic light_1.png" width="500" height="300" name="slide" /></p>
<script type="text/javascript">
        var step=1;
        function slideit()
        {
            document.images.slide.src = eval("image"+step+".src");
            if(step<4)
                step++;
            else
                step=1;
            setTimeout("slideit()",3000);
        }
        slideit();
</script>
</body>