Изменение изображений при нажатии кнопки, массив

-2

Когда я пытаюсь запустить скрипт, который меняет свет, когда я нажимаю кнопку, ничего не происходит, изображения даже не отображаются. Как я могу это исправить?Изменение изображений при нажатии кнопки, массив

Вот код:

<!DOCTYPE html> 
<html> 
<body> 
<h1>JavaScript Task 3</h1> 

<p>This is my Traffic Light script</p> 

<img id="IMG" src=N:\Year 10\Computing\Exam\A452 Practical Exam\Interactive Buttons\> 

<button type="button" onclick="changeLights()">Change Lights</button> 

<script> 
var list=[]; 
    list[0] = '<img src="N:\Year 10\Computing\Exam\A452 Practical Exam\Interactive Buttons\red.jpg" width="254"height="501" alt="Traffic Light Red">'; 
    list[1] = '<img src="N:\Year 10\Computing\Exam\A452 Practical Exam\Interactive Buttons\green.jpg" width="249" height="494" alt="Traffic Light Yellow">'; 
    list[2] = '<img src="N:\Year 10\Computing\Exam\A452 Practical Exam\Interactive Buttons\yellow.jpg" width="243" height="506" alt="Traffic Light Green">'; 

function changeLights() { 
    var list = document.getElementById('IMG'); 
    if list=0 { 
    image.src='<img src="N:\Year 10\Computing\Exam\A452 Practical Exam\Interactive Buttons\red.jpg" width="254"height="501" alt="Traffic Light Red">'; 
} else if list=1 { 
    image.src=1; 
} else if list=2 { 
    image.src=2; 
} 
</script> 

</body> 
</html>

источник

2016-06-27 George

Что вы думаете о «if list = 0»? Как вы думаете, этот код определяет, какие из этих операторов If использовать? – master565

поместите свои теги сценария в документ . –

img тег неправильный – Atula

<img id="IMG" src="N:\Year 10\Computing\Exam\A452 Practical Exam\Interactive Buttons"\>

скобки!

Изменить только src, not whole html object: document.getElementById("IMG").src="change.png"; - использовать относительный путь, такую же папку, что и ваш html-файл. Не использовать проводник проводника xD

источник

2016-06-27 13:27:50 RaV

Это выглядит как домашнее задание!

Ваше понимание доступа к массиву в Javascript является ошибочным. Взгляните на следующие примеры.

var list = []; 

// Assign some values 
list[0] = "Fred"; 
list[1] = "Wilma"; 
list[2] = "Barney"; 
list[3] = "Betty"; 

// Check the length of the array 
alert(list.length); 

// Iterate over the array outputting the values. 
for(i=0; i<list.length; i++) 
    alert(list[i]); 

// Access values directly 
var sentance = list[0] + " is married to " + list[1] + " and " + list[2] + " is married to " + list[3] + "."; 

alert(sentance);

Вы также будете нуждаться в другой переменной, чтобы следить за индексом стоимости вы показываете, так что вы можете увеличивать к следующему изображению.

источник

2016-06-27 13:33:06 MyItchyChin

Изменение изображений при нажатии кнопки, массив

ответ

Смежные вопросы