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

Get user input value to use in a variable JavaScript

本文关键字：用户 输入 变量 JavaScript 获取      更新时间：2023-09-26

我对此很陌生，对使用 JS 也很陌生。我正在研究基础知识并真正进入它。但是，我在尝试使用用户输入在其他领域帮助我时遇到了问题。

我有一个小CSS来创建输入id="cars"和一个按钮id="submit"。我想在开关语句中使用这些输入。这就是我到目前为止所拥有的，一旦我设法让输入值工作，我将在我的 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>

   <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的新手，因此现在应该可以正常工作

相关文章：