HTML Нажатие на кнопку

Обсуждение вопросов клиентского программирования.

Модератор:Duncon

Ответить
powerking
Сообщения:2
Зарегистрирован:09 дек 2017, 21:27

09 дек 2017, 21:30

На html языке отобразить картинку и кнопку.При нажатии на кнопку должна отображатся другая картинка ,при повторном нажатии снова первая картинка ,так каждое нажатие.
Аватара пользователя
AiK
Сообщения:2271
Зарегистрирован:13 фев 2004, 18:14
Откуда:СПб
Контактная информация:

09 дек 2017, 22:18

При нажатии на кнопку менять стиль. В стилях задать картинку.
Даже самый дурацкий замысел можно воплотить мастерски
powerking
Сообщения:2
Зарегистрирован:09 дек 2017, 21:27

09 дек 2017, 22:24

AiK писал(а):При нажатии на кнопку менять стиль. В стилях задать картинку.
Можно сам код?
пожалуйста!
Аватара пользователя
AiK
Сообщения:2271
Зарегистрирован:13 фев 2004, 18:14
Откуда:СПб
Контактная информация:

10 дек 2017, 17:30

добавить класс document.getElementById("YourElementID").classList.add('ClassWithImage1');
удалить класс
document.getElementById("YourElementID").classList.remove('ClassWithImage1');

привязать к кнопке обработчик события Onclick

Код: Выделить всё

    function changeClass()    {
        //здесь добавить код, устанавливающий новый класс и удаляющий старый (см. выше)
    }

    window.onload = function()    {
        document.getElementById("YourButton").addEventListener( 'click', changeClass);
    }
ну и html

Код: Выделить всё

<button id="YourButton">Кликни меня</button>
<div id="YourElementID"></div>
стиль CSS, надеюсь, сам осилишь.
Даже самый дурацкий замысел можно воплотить мастерски
Ответить