如何检测我的“终端”上的输入,如 html 脚本?

分享于2022年07月17日 css html javascript terminal 问答
【问题标题】:如何检测我的“终端”上的输入,如 html 脚本?(How can I detect for input on my "Terminal" like html script?)
【发布时间】:2022-01-26 12:26:10
【问题描述】:

我用 html 为“终端”编写了一个脚本。



  
    Nonscript
    
 +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 |H|T|M|L| |T|E|R|M|I|N|A|L| |M|A|D|E| |B|Y| |M|A|X|
    +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+       
     

Hello welcome to the HTML Terminal, for a list of commands type "help".

我尝试使用 if 来检查输入,但它似乎工作正常,这是我的代码:

if commandPrompt.value = "help" {
  document.getElementById("return").innerHTML = "Some more commands come here"
}
else{
return null
}

我浏览了网页,但仍然没有找到任何东西,我可以寻求帮助吗?,

谢谢,布利泽尔

  • head 部分中有 HTML 标记...它们 必须 在正文中!
  • 使用您的浏览器开发工具检查工具来查看报告的任何 JS 错误。对于 if 语句,使用 == 或 === 而不是一个 =。
  • 谢谢@AHaworth 但还是不行。

【解决方案1】:

希望以下内容可以为您指明如何进行!分配值时,您使用单个 = ,但要检查相等性,您使用 == ,或者,对于严格相等性 ===

单击按钮是,我相信触发器运行/测试输入的命令,因此向该按钮添加一个 click 事件处理程序,并从那里处理输入到文本字段中的值。

let cmd=document.getElementById('command_prompt');
let output=document.getElementById("return");

let bttn = document.querySelector('button[type="submit"]').addEventListener('click', function(e) {
  e.preventDefault();
  let value;
  
  switch( cmd.value ){
    case 'help':
      value='Some more commands come here';
    break;
    case 'panic':
      value='Other text/cmds';
    break;
    default:
      value='The command: "' + cmd.value + '" has not been defined';
    break;
  }
  output.innerHTML=value;
})
#htmlterminal {
  background: red;
  background: -webkit-linear-gradient(left, orange, yellow, green, cyan, blue, violet);
  background: -o-linear-gradient(right, orange, yellow, green, cyan, blue, violet);
  background: -moz-linear-gradient(right, orange, yellow, green, cyan, blue, violet);
  background: linear-gradient(to right, orange, yellow, green, cyan, blue, violet);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 3vw;
}
 +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 |H|T|M|L| |T|E|R|M|I|N|A|L| |M|A|D|E| |B|Y| |M|A|X|
     +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+       
     

Hello welcome to the HTML Terminal, for a list of commands type "help".