Изменить текст onclick button

Question

Я пытаюсь получить кнопку для изменения текста onclick, в то же время он также открывает меню. Меню работает и открывается onclick, но текст на кнопке отсутствует.

Возможно, это устранение неполадок с помощью той части, которая открывает меню? Я не могу найти, почему он не работает.

Кнопка

<button type="button" id="showRight" onClick="click()">Tools</button> 

Сценарий:

<script> 
    var menuLeft = document.getElementById('cbp-spmenu-s1'), 
     menuRight = document.getElementById('cbp-spmenu-s2'), 
     menuTop = document.getElementById('cbp-spmenu-s3'), 
     menuBottom = document.getElementById('cbp-spmenu-s4'), 
     showRight = document.getElementById('showRight'), 
     body = document.body; 

    showRight.onclick = function() { 
     classie.toggle(this, 'active'); 
     classie.toggle(menuRight, 'cbp-spmenu-open'); 
    }; 

    function click() 
    { 
     var change = document.getElementById("showRight"); 
     if (change.value == "Tools") 
     { 
      change.value = "X"; 
     } 
     else 
     { 
      change.value = "Tools"; 
     } 
    } 
</script> 

Answer 1

Это не change.value это change.textContent или change.innerText если хотите.

Answer 2

При добавлении события, переопределении атрибут рядный щелчка.

Вы должны использовать addEventListener

showRight.addEventListener("click", function() {}); 

Лично я бы объединить оба метода в один.

Answer 3

Я считаю, что щелчок является ключевым словом и не может использоваться для имени функции. Если вы просто смените имя функции на showRight_click() и обновите свой onclick, чтобы он соответствовал, он работает отлично.