Question

链接到jsFiddle。

如果textarea为空白，则内容应显示“您必须跟我开个玩笑！”使用Javascript。

相反，即使textarea为空白，内容仍然变为“您的笑话是否有趣？”

相关代码：

HTML

<div class="row"><!--third row -->

  <div class="col-2 joker">
      <img src="/joker.png"/>
      <p id="jokerDialogue">Tell me a joke</p>
  </div>

  <div class="col-2">
      <table>

      <tr>
      <td>Joke:</td>
      </tr>

      <tr>
      <td>
      <textarea id="jokeQuestion" type="string" min="1" max="24" size="24"> 
      </textarea>
      </td>
      </tr> 

      <tr>
      <td>
      <input id="submit-joke" type="button" value="submit" class="js-button" 
      onclick="joker()">
      </td>
      </tr>

      </table>
  </form>
  </div>

  <div class="col-8">             
  </div>

</div>

JavaScript

function joker() {

   let content = document.getElementById("jokeQuestion");
   if (content != "") {
      document.getElementById("jokerDialogue").innerHTML = "Was your joke funny?";
   }
   else if (content == "") {
      document.getElementById("jokerDialogue").innerHTML = "You must tell me a joke!";
   }
}

如您所见，我正在尝试创建一个变量content，并说它是用户在textarea中输入ID为jokeQuestion的变量。

但是即使content为空，ID为<p>的{{1}}仍被更改为"jokerDialogue"

我认为"Was your joke funny?"的意思是“如果内容不是空白”-那么为什么函数返回“笑话是否有趣？”即使是空白？

Answer 1

您需要获取value中的content：

let content = document.getElementById("jokeQuestion").value;

现在您的代码将按预期工作。

JavaScript-获取Div内容的价值-用错误的字符串替换内容

1 个答案: