Question

如何制作自己的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>

Answer 1

<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>

Answer 2

我不确定为什么要这么做，但是

这应该有效

<!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>

但是，其他解决方法是可以使用console.log或在进行某些错误检查时发出警报

制作html javascript预编程控制台（如果输入==示例）{不为您打印示例}

2 个答案: