Несколько событий onclick в Javascript/html

Как создать несколько событий onclick для моих кнопок html? Код, который я имею сейчас, только реализует его для одной кнопки. Как я могу заставить скрипт изменить изображение src на разные изображения при нажатии других кнопок. Я попытался использовать разные функции для каждой кнопки, но это не сработало.Несколько событий onclick в Javascript/html

<body> 
<button class="button" onclick="myFunction()" ><strong>Objectives</strong></button> 
<button class="button"><strong>Mission</button></strong> 
<button class="button"><strong>Chemistry Vision</strong></button> 
<button class="button"><strong>Environment Vision</strong></button></br> 
<img id="myImg" src="http://image.png" > 
<script> 
function myFunction() { 
    document.getElementById("myImg").src = "http:Objectives.png"; 
} 
</script> 
</body>

источник

2016-12-12 user3049674

Дайте ваши кнопки класс и выберите их с помощью 'getElementsByClassName();' , Идентификаторы должны быть неопределенными, поэтому указанный код относится только к одной конкретной кнопке. –

«Я пробовал использовать разные функции для каждой кнопки, но это не сработало». В любом случае попробуйте вызвать ту же функцию с аргументом. ex: myFunction («Цели»); – leonsaysHi

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

Вы должны передать параметр в функцию, что-то вроде этого:

<body> 
<button class="button" onclick="myFunction('Objectives')" ><strong>Objectives</strong></button> 
<button class="button" onclick="myFunction('Mission')"><strong>Mission</button></strong> 
<button class="button" onclick="myFunction('Chemistry)"><strong>Chemistry Vision</strong></button> 
<button class="button" onclick="myFunction('Environment')"><strong>Environment Vision</strong></button></br> 
<img id="myImg" src="http://image.png" > 
<script> 
function myFunction(imgName) { 
    document.getElementById("myImg").src = "http:" + imgName + ".png"; 
} 
</script> 
</body>

источник

2016-12-12 15:43:43

Спасибо! @Whitcik – user3049674

Несколько событий onclick в Javascript/html

ответ

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