如何制作html javascript预编程控制台?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (94)

如何创建自己的javascript控制台?

如果表单输入= 则javascript 输出文本

模板:

<div class="main">

<p id="result"></p>

<textarea cols="40" id="SearchText" rows="1"></textarea>

<button onclick="myFunction()" type="button">Submit!</button>

</div>

剧本:

<script>
function myFunction() {
    var result = document.getElementById("SearchText").value == hi;
    document.getElementById("result").innerHTML = 'hello';

if  (document.getElementById("SearchText").value == hello) {
document.getElementById("result").innerHTML = 'Hi'; }
}
</script>

<script>
function myFunction() {
if (SearchText.value === hi) { document.getElementById("result").innerHTML = 'Hi'; }
</script>
提问于
用户回答回答于

我不知道你为什么要这么做,但是

这应该管用

<!DOCTYPE html>
<html>
    <head>
        <title></title>
    </head>
    <body>
        <div class="main">

            <p id="result"></p>

            <textarea cols="40" id="SearchText" rows="1"></textarea>

            <button onclick="myFunction()" type="button">Submit!</button>

        </div>
        <script>
           function myFunction() {
            var result = document.getElementById("searchText").value;

            if (result == 'hi') {
                document.getElementById("result").innerText = 'Hi';
            }    
            else{
                console.log(result);
            }

       </script>
    </body>
</html>

但是,如果您正在进行错误检查,则可以使用控制台、日志或警报来解决其他问题。

用户回答回答于
<div class="main">
<div id="console"> </div>
<p>Code: <input type="text" id="code"></p>

</div>

<script>
    $(document).ready(function() {
        $("#code").keyup(function() {
            if (this.value == "Hello") {
                $("#console").css("display", "block");
                document.getElementById("console").innerHTML += 'Type Help for more instructions';
            }
            if (this.value == "Help") {
                $("#console").css("display", "block");
                document.getElementById("console").innerHTML += '<BR>Type Help again for more instructions';
            }
            if (this.value == "Hello") {
                $("#console").css("display", "block");
                document.getElementById("console").innerHTML = 'Type Help for more instructions';
            }
            if (this.value == "Hello") {
                $("#console").css("display", "block");
                document.getElementById("console").innerHTML = 'Type Help for more instructions';
            }
            if (this.value == "Hello") {
                $("#console").css("display", "block");
                document.getElementById("console").innerHTML = 'Type Help for more instructions';
            }
            if (this.value == "Hello") {
                $("#console").css("display", "block");
                document.getElementById("console").innerHTML = 'Type Help for more instructions';
            }
        });
    });
</script>

扫码关注云+社区

领取腾讯云代金券