獲取要在變量 JavaScript 中使用的用戶輸入值

Question

我對此很陌生，對使用 JS 也很陌生。 我正在學習基礎知識並真正開始學習。 但是，我在嘗試使用用戶輸入來幫助我在其他領域時遇到問題。

我有一個小的 CSS 來創建一個輸入 id="cars" 和一個按鈕 id="submit"。 我想在 switch 語句中使用這些輸入。 到目前為止，這是我所擁有的，一旦我設法使輸入值起作用，我將在我的 switch 語句中添加更多內容。

<h1>What is your car?</h1>
<input id="cars" type="text"></input>
<button id="submit">Submit</button>
<script type="text/javascript">
    var clickedCar = document.getElementById("cars").value
    switch(clickedCar){
        case "Honda":
            document.write("Honda are nice cars to drive");
            break;
        }
</script>

Answer 1

   <h1>What is your car?</h1>
 <input id="cars" type="text">
   <button onclick="submitCar()" id="submit">Submit</button>

   <script>
   submitCar = function(){
         var clickedCar = document.getElementById("cars").value
         switch(clickedCar){


     case "Honda":
        document.write("Honda are nice cars to drive");
        break;
}
};
   </script>

給你，我試過了，它有效:)

編輯：

但是，我建議將您的 javascript 放在一個單獨的文件中，不要在元素中使用“onclick”，但由於您是 JS 新手，因此現在應該可以正常工作