Dunno2018
@Dunno2018

Как изменить текст кнопки по клику?

Здравствуйте.
Пример кода - необходимо, чтобы при клике на кнопку на ней менялся текст на "Закрыть", а при повторном нажатии возвращался в исходный. Сейчас при повторном нажатии текст сдваивается, как это исправить?
  • Вопрос задан
  • 121 просмотр
Пригласить эксперта
Ответы на вопрос 5
0xD34F
@0xD34F Куратор тега JavaScript
Сейчас при повторном нажатии текст сдваивается, как это исправить?

Давайте намекну: сделайте третью вкладку, и посмотрите что станет с текстом при повторном нажатии.
Ответ написан
@Banan44
Full Stack
Вы выбрали обе кнопки и получили 2 текста.
Выберите по очереди, например так:
// первая
var tabsBtnText = $('.price_tabs-content button:eq(0)').text()
// вторая
var tabsBtnText2 = $('.price_tabs-content button:eq(1)').text()
Ответ написан
@nikita_falcon
Думаю можно просто добавить переменную и условие, грубо говоря
если условие верно, то условие выполняется (меняется текст на закрыть) и увеличиваешь переменную, в обратном случае, уменьшаешь переменную.
Ответ написан
@SaNFeeD
<button class="some-class" id="button" data-trigger="false" data-text="Открыть меню">Открыть меню</button>
<div style="display:none;" id="menu" class="some-class">Какое-то меню</div>


const button = document.getElementById('button');
const menu = document.getElementById('menu');

button.addEventListener('click', () =>{
    if(button.dataset.trigger == 'false'){
        button.innerText = 'Закртыть';
        menu.style.display = 'block';
        button.dataset.trigger = true;
    }else{
        button.innerText = button.dataset.text;
        menu.style.display = 'none';
        button.dataset.trigger = false;
    }
});
Ответ написан
zabudkin
@zabudkin
Инженер-системотехник, программист, админ, ТПУ!!!!
Меняйте просто innerText
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы