如何使特定文本值响应不同的文本

Question

我试图在写 "h" 时取回特定值，但它不会，我也不知道为什么。我已经尝试搜索问题但找不到解决方案，我不知道我是否只是愚蠢。

<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title>BOING</title>
    <script type="text/javascript">
    function res() {
      var a = getElementById("a").value;
      var c;

      if ( a == f ) {
        c = "Hello";
      }
      else if ( a == j) {
        c = "Hi";
      }
      c = document.querySelector("bleh").value;
    }
    </script>
  </head>
  <body class="bd" >
    <form class="form" action="index.html">
      <input id="a" type="text" name="h" pattern="Write Here" />
      <button id="b" type="button" name="button" onclick="res()">Ask</button>
    </form>
    <div class="blah" id="bleh"></div>
  </body>
</html>```

Answer 1

如果您想更改 DIV 'bleh' 的文本以在编写预定义消息（如 Hello 或 Hi）时响应用户

f="Hello";j="Hi";
     function res() {
          var a = document.getElementById("a").value;
          var c="";

          if ( a == f ) {
            c = "Hello";
          }
          else if ( a == j) {
            c = "Hi";
          }
         document.querySelector("#bleh").innerHTML=c;
        }

https://jsfiddle.net/rkv88/kjuox029/11/

修改:

1 要将文本放入 DIV 元素，您必须使用 .innerHTML 属性

2 定义 j & f

您可以使用 document.getElemntById("bleh") 而不是 document.querySelector("#bleh").innerHTML=c;

如何使特定文本值响应不同的文本

How to make a speicific text value respond with different text

html

javascript

textbox

respond-to