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放在一个单独的文件中，不要使用＆＃39; onclick＆＃39;在一个元素中，但由于你的新手JS现在应该可以正常工作

获取用户输入值以在变量JavaScript中使用

1 个答案: