При нажатии двух кнопок меняется картинка

@Moredgame · Регистрация: 26.06.2018

Author24 — интернет-сервис помощи студентам

Всем привет, в js новичок и есть вот такой вопрос
Допустим, есть кнопка "ONE" и кнопка "TWO"
При нажатии на них меняется картинка, тут в дело вступает кнопка "THREE" и если до этого была нажата кнопка "ONE" должна показываться одна картинка, а если последовательность была "TWO" "THREE" то картинка должна быть иной.
Как этого можно добиться? Желательно пример скиньте

@Mr_Sergo · 16.07.2019, 23:26

Moredgame,

https://codepen.io/Mr_Sergo/pe... itors=1010

HTML5

<div class="myClass">
    <button id="ONE">ONE</button>
    <button id="TWO">TWO</button>
    <button id="THREE">THREE</button>
</div>
<img id="image">

Javascript

let str = '';
document.querySelector('.myClass').addEventListener('click',e => {
    str += e.target.id;
    if(str.match('ONETHREE')){
        image.src = 'https://www.uncloudit.com/files/1-Number-PNG%20100%20x100%20(2).png';
        str = '';
    }
    else if(str.match('TWOTHREE')){
        image.src = 'https://arhivurokov.ru/kopilka/uploads/user_file_5711d8dfd38a3/konspiektzaniatiiapomatiematikievsriednieighruppiestoitvpolietieriemok_7.png';
        str = '';
    }
    else image.src = '';
});

Так?

@Moredgame · 17.07.2019, 00:10 **[ТС]**

Да, спасибо большое, на сайте который вы скинули все гуд, а вот когда перекопировал в html и js файлы почему-то не работает, думаю тут моя криворукость где-то аххаха
Благодарю еще раз

Добавлено через 3 минуты
Оп, теперь разобрался совсем, спасибо еще раз!

Добавлено через 8 минут
А есть возможность допустим на ONE Открывается картинка "1" а если ONETHREE картинка "2"?

@Mr_Sergo · 17.07.2019, 00:44

Moredgame, не за что

Добавлено через 11 минут

Сообщение от Moredgame

А есть возможность допустим на ONE Открывается картинка "1" а если ONETHREE картинка "2"?

Если нажать ONE то откроется картинка 1. Если нажать ONETHREE то откроется сначала картинка 1 а затем картинка 2- это логично так как по ONE открывается картинка 1

Можно, например, по ONE открывать картинку 1 а по, например, THREEONE открываеть картинку 2. Как-то так что бы одна последовательность не повторяла другую.

Добавлено через 3 минуты
Хотя можно сделать с задержкой в 1 или 2 секунды- но думаю что это не очень будет

Добавлено через 16 минут
https://codepen.io/Mr_Sergo/pe... itors=1010

HTML5

<div class="myClass">
    <button id="ONE">ONE</button>
    <button id="THREE">THREE</button>
</div>
<img id="image">

Javascript

let str = '', timeout;
document.querySelector('.myClass').addEventListener('click',e => {
    str += e.target.id;
    if(str == 'ONE'){
        timeout = setTimeout(() => {
            image.src = 'https://www.uncloudit.com/files/1-Number-PNG%20100%20x100%20(2).png';
            str = '';
        },1000);
    }
    else if(str.match('ONETHREE')){
        clearTimeout(timeout);
        image.src = 'https://arhivurokov.ru/kopilka/uploads/user_file_5711d8dfd38a3/konspiektzaniatiiapomatiematikievsriednieighruppiestoitvpolietieriemok_7.png';
        str = '';
    }
    else{
        image.src = '';
        str = '';
    }
});

Если нажать ONE и подождать секунду то откроется картинка 1. Если нажать ONE и тут же THREE то откроется картинка 2.

@Moredgame 0 / 0 / 0 Регистрация: 26.06.2018 Сообщений: 3
		1
	При нажатии двух кнопок меняется картинка 16.07.2019, 19:38. Показов 2560. Ответов 3 Метки javascript для начинающих (Все метки) Всем привет, в js новичок и есть вот такой вопрос Допустим, есть кнопка "ONE" и кнопка "TWO" При нажатии на них меняется картинка, тут в дело вступает кнопка "THREE" и если до этого была нажата кнопка "ONE" должна показываться одна картинка, а если последовательность была "TWO" "THREE" то картинка должна быть иной. Как этого можно добиться? Желательно пример скиньте 0

@Moredgame 0 / 0 / 0 Регистрация: 26.06.2018 Сообщений: 3
	17.07.2019, 00:10 [ТС]	3
	Да, спасибо большое, на сайте который вы скинули все гуд, а вот когда перекопировал в html и js файлы почему-то не работает, думаю тут моя криворукость где-то аххаха Благодарю еще раз Добавлено через 3 минуты Оп, теперь разобрался совсем, спасибо еще раз! Добавлено через 8 минут А есть возможность допустим на ONE Открывается картинка "1" а если ONETHREE картинка "2"? 0

	17.07.2019, 00:44

При нажатии двух кнопок меняется картинка

Решение