Как при нажатии на кнопку
<button type="button" class="btn btn-primary" data-toggle="collapse"
data-target="#view-report">
View response
</button>
поменять текст "view response" на "hide response", а при повторном нажатии вернуть "view response".
document.querySelector('#btn').onclick = function() {
if(this.innerHTML == "Hide response")
{
this.innerHTML = "View response";
return;
}
else this.innerHTML = "Hide response";
}
<button type="button" class="btn btn-primary" data-toggle="collapse" id='btn'
data-target="#view-report">
View response
</button>
let show = true;
function changeText(ev) {
if(show) {
ev.innerText = "Hide response"
show = false;
}
else {
ev.innerText = "View response"
show = true;
}
}
<button type="button" class="btn btn-primary" onclick="changeText(this)" data-toggle="collapse" data-target="#view-report">
View response
</button>
Можно без доп. переменной, хранить инфу в самой кнопке.
function changeText(ev) {
if(ev.getAttribute('data-show') === "true") {
ev.innerText = "Hide response"
ev.setAttribute('data-show', "false");
}
else {
ev.innerText = "View response"
ev.setAttribute('data-show', "true");
}
}
<button type="button" data-show="true" class="btn btn-primary" onclick="changeText(this)" data-toggle="collapse" data-target="#view-report">
View response
</button>
Кофе для программистов: как напиток влияет на продуктивность кодеров?
Рекламные вывески: как привлечь внимание и увеличить продажи
Стратегії та тренди в SMM - Технології, що формують майбутнє сьогодні
Выделенный сервер, что это, для чего нужен и какие характеристики важны?
Современные решения для бизнеса: как облачные и виртуальные технологии меняют рынок
у меня есть проблема: -Вывожу комментарии на страницу и их children элементы-Получаю id данного комментария
Что не так? почему не отправляется? пробовал before send подсвечивать незаполненные поля красным, в итоге просто сообщение об успешной отправке...
Все сделал как в документации, но он почему то не работаетПричем вроде как подключился, но криво