在javascript中使用if條件的Onclick事件 -有解無憂

我是個編碼新手。但我有一個小任務，我不知道我應該做什么功能，也不知道我應該如何寫下來。基本上，它應該給出一個輸入框和一個按鈕（這可以）。但現在我想在輸入是 "嗨 "時發出警報，在輸入是 "再見 "時發出另一個警報。對于所有其他的輸入，不應該發生任何事情。我就是不明白，誰能幫幫我？

<h1>Welcome</h1> /span>

    輸入。< input id="welcome1" type="text" /> 

    <button id="button"> 點擊這里</button> 
    
   </body>/span>
   <script type="text/javascript">/span>

    if（document. getElementById("welcome1").textContent = "hi"）{
        document.getElementById("button") 。 onclick = alert("Welcome") 。
    }
    else (document. getElementById("welcome1").textContent = "bye"){
        document.getElementById("button") 。 onclick = alert("See you later") 。 
    }

   </script>

uj5u.com熱心網友回復：

你應該給按鈕添加一個事件監聽器，但首先你應該識別它。為了識別它，你必須使用document.getElementById("the_id")/code>。請記住，我們還有其他方法來尋找這個元素，換句話說，我們有很多選擇器（id、class、tag name等等）。

當你使用else陳述句時，你沒有指定其他條件。要指定其他條件，你必須使用else if，因為else是針對任何不在if或else if中的東西。

。

< h1>Welcome</h1>

輸入。< input id="welcome1" type="text" /> 

<button id="button"> 點擊這里</button> 

<script type="text/javascript">/span>
  const btn = document.getElementById("button"/span>)
  btn.addEventListener("click", function(>/span>) {
    if (document. getElementById("welcome1").value == "hi") {
      alert("Welcome") 。
    } else {
      alert("See you later") 。
    }
  })
</script> 
<iframe name="sif1" sandbox="allow-forms allow-modals allow-scripts" class="snippet-box-edit snippet-box-result" frameborder="0"></iframe>


uj5u.com熱心網友回復：
歡迎你
Input: < input id="welcome1" type="text" > 
<button id="button"/span>> 點擊這里</button> 

<script type="text/javascript">/span>
  
  //向元素添加eventListener。
  document.querySelector("#button"/span>)。 addEventListener("click", handleButton, false)
  
  //函式句柄來檢查。
  function handleButton ( ) { 
    
    //從輸入中獲取數值。
    //使用querySelector而不是getElementById。
    const inputText = document.querySelector("#welcome1"/span>).value。

    //檢查是否是同一個字串和同一個型別（字串）。
    if(inputText === "hi"/span>) {
      alert ("Welcome")。
    } else i f(inputText =="bye">) {
      alert("See you later") 。 
    }
  







        
      轉載請註明出處，本文鏈接：https://www.uj5u.com/shujuku/314501.html
      標籤：
      上一篇：swiftui視圖：潛在指數超出范圍的if陳述句
下一篇：在將JSON列轉換為SQL表時需要幫助