JS清除已写入txt div的输入值

时间:2018-11-05 11:46:22

标签: javascript html

我正在编写类似于命令提示符的应用程序。它以userCommand作为输入,并将输出写入txt ID。我想在用户提交命令“ Cls”时清除txt区域。

HTML:

<div class="Typewriter">
<txt id='output'></txt>
</div>

<input id='cmd' onfocus="clearThis()" size="25" style="font-size:14pt;"/>
<button onclick='text()'>Enter</button>

JS:

function clearThis(){
  if(cmd.value='Cls')
    document.getElementById('output').value='';
  }
}

我搜索过高和低,但是我发现的所有脚本似乎都无济于事,我无法弄清楚。任何帮助将非常感激! TIA

2 个答案:

答案 0 :(得分:0)

尝试使用<input type="text" id="output">代替<txt id='output'></txt>

答案 1 :(得分:0)

假设您在命令中编写了cls,那么它将清除输出,而在其他情况下,它将在output中编写一些内容

HTML

<input id='cmd' size="25" style="font-size:14pt;"/>
<button onclick='performOperation()'>Enter</button>

<div class="Typewriter">
<txt id='output'></txt>
</div>

JavaScript

function performOperation(){
  if(cmd.value.toLowerCase()=='cls')
    document.getElementById('output').innerText ='';
  else
    document.getElementById('output').innerHTML += cmd.value + "<br/>";
}

提琴here