HTML Нажатие на кнопку
Модератор: Duncon
На html языке отобразить картинку и кнопку.При нажатии на кнопку должна отображатся другая картинка ,при повторном нажатии снова первая картинка ,так каждое нажатие.
При нажатии на кнопку менять стиль. В стилях задать картинку.
Даже самый дурацкий замысел можно воплотить мастерски
Можно сам код?AiK писал(а):При нажатии на кнопку менять стиль. В стилях задать картинку.
пожалуйста!
добавить класс document.getElementById("YourElementID").classList.add('ClassWithImage1');
удалить класс
document.getElementById("YourElementID").classList.remove('ClassWithImage1');
привязать к кнопке обработчик события Onclick
ну и html
стиль CSS, надеюсь, сам осилишь.
удалить класс
document.getElementById("YourElementID").classList.remove('ClassWithImage1');
привязать к кнопке обработчик события Onclick
Код: Выделить всё
function changeClass() {
//здесь добавить код, устанавливающий новый класс и удаляющий старый (см. выше)
}
window.onload = function() {
document.getElementById("YourButton").addEventListener( 'click', changeClass);
}
Код: Выделить всё
<button id="YourButton">Кликни меня</button>
<div id="YourElementID"></div>
Даже самый дурацкий замысел можно воплотить мастерски