Javascript Can';禁用textarea后无法启用它

Javascript Can';禁用textarea后无法启用它,javascript,html,css,button,Javascript,Html,Css,Button,我想在按下按钮时禁用textarea,并在按下另一个按钮时再次启用它。现在我可以禁用它,但我不能让它再次启用 HTML: 为什么我的clear按钮不起作用?将setTimeout('clear()',1000)更改为setTimeout('clear',1000)您可以这样做: HTML: <textarea rows='14' id="value"> </textarea> <button class="continue"

我想在按下按钮时禁用textarea,并在按下另一个按钮时再次启用它。现在我可以禁用它,但我不能让它再次启用

HTML:


为什么我的
clear
按钮不起作用?

setTimeout('clear()',1000)
更改为
setTimeout('clear',1000)
您可以这样做:

HTML:

<textarea rows='14' id="value"> </textarea>

<button class="continue" onclick="return cont()">CONTINUE</button>
<button class="clear" onclick="return clear()">CLEAR</button>
function cont(){
        document.getElementById("value").value = 'hello';
        document.getElementById("value").readOnly = true;
        setTimeout('cont()',1000);
      }
function clear(){
        document.getElementById("value").readOnly = false;
        document.getElementById("value").value = 'empty';
        setTimeout('clear()',1000);
      }
<textarea rows='14' id="value"> </textarea>
<button class="continue">CONTINUE</button>
<button class="clear">CLEAR</button>
const continueButton = document.querySelector('.continue');
const clearButton = document.querySelector('.clear');
const textArea = document.querySelector('#value');


continueButton.addEventListener('click', function(e) {
  textArea.value = 'hello'
  textArea.disabled = true

});

clearButton.addEventListener('click', function(e) {
  textArea.value = ''
  textArea.disabled = false
});