Изменить название кнопки при нажатии

206
16 апреля 2022, 12:20

Хочу изменить текст "Показать все" на "Скрыть". Как можно это сделать?

Код сейчас просто скрывает и раскрывает блок, при нажатии на кнопку "Показать все":

function openbox(logo) {
  display = document.getElementById(logo).style.display;
  if (display == 'none') {
    document.getElementById(logo).style.display = 'flex';
  } else {
    document.getElementById(logo).style.display = 'none';
  }
}
<button class="slider-main__button-read-more" id="button" onclick="openbox('logo'); return false">Показать все</button>

Answer 1

как-то так

function openbox(logo) {
   display = document.getElementById(logo).style.display;
  
  if(display=='none'){
      document.getElementById("button").innerText = "Скрыть";  
      document.getElementById(logo).style.display='flex';
   }else{
      document.getElementById("button").innerText = "Показать все";
      document.getElementById(logo).style.display='none';
     }
     
 }
<button class="slider-main__button-read-more" id="button" onclick="openbox('logo'); return false">Скрыть</button>
<div id="logo"> sample text </div>

READ ALSO
заполнить пробелом для корректного отображения
javascript

заполнить пробелом для корректного отображения

есть массив с циклом и логикойНужно добавить пробелы вначале чтобы было видно полностью елку, а не только одну сторону Пример:

 130
куки в javascript
javascript

куки в javascript

 99
Технологии для интернет-магазина Vue
javascript

Технологии для интернет-магазина Vue

Подскажите, пожалуйста, хочу написать небольшой(300 единиц) интернет-магазин на Vuejs(Nuxt

 93
Как написать функцию?
javascript

Как написать функцию?

Требуется выполнить задание:

 177