Javascript添加不起作用

Javascript addition not working out

本文关键字：不起作用添加 Javascript 更新时间：2023-09-26

我只想为我的小项目将英尺转换为英寸，但它似乎不起作用。它所做的只是将最后一个数字添加到第一个数字的末尾。我一定是做错了什么。我只想将第一个数字相乘，然后在该数字上添加英寸。谢谢

            <!doctype>
            <html>
            <head>
            <meta charset="utf-8">
            <title>Are you tall enough</title>
            <script type="text/javascript">
            function ride(){
                var rideMin = 64;
                var ht = document.getElementById("height").value;
                if( ht >= 64){
                    alert("You may go on the ride!!");
                }else{
                    alert("Sorry, you may not go on the ride");
                }
            }
            function converter(){
            var aa = document.getElementById("feet").value;
            var bb = document.getElementById("inches").value;
            var cc = (aa * 12);
            var resu = bb+cc;

            document.getElementById("results").value = resu;
            }

            </script>
            <style>
            .container{
                width: 960px;
            }
            input{
                width:250px;
                height: 150px;
                margin-left: 375px;
            }
            img{
                margin-left: 300px;
                max-width: 100%;
                width: 40%;
                margin-bottom: 100px;
            }
            h1{
                margin-left: 200px;
                margin-bottom: 50px;
                color: blue;
            }
            .conversion{
                margin: 0;
                width: 100px;
                height: 50px;
            }
            .convert{
                margin-left: 390px;
            }
            .results{
                width: 100px;
                height: 50px;
                margin-left: 438px;
                margin-bottom: 50px;
            }
            </style>
            </head>
            <body>
            <div class="container">
            <h1> Are you tall enough to ride the roller coaster</h1>
            <img src="roller.png">
            <div class="convert">
            <h3>Convert feet to inches</h3>
            <input class="conversion" type="text" id="feet" placeholder="Enter feet here">
            <input class="conversion" type="text" id="inches" placeholder="Enter inches here">
            <input class="conversion" type="submit" onclick="converter()">
            </div>
            <div class="result">
            <input id="results" type="text" readonly>
            <div class="height">
            <input type="text" id="height" placeholder="Please enter your height in inches please">
            <input type="submit" value="sumbit" onclick=ride()>
            </div>



            </div>



            </body>
            </html>

请改用这个：

function ride(){
                var rideMin = 64;
                var ht = document.getElementById("height").value;
                if( parseInt(ht) >= 64){
                    alert("You may go on the ride!!");
                }else{
                    alert("Sorry, you may not go on the ride");
                }
            }
            function converter(){
            var aa = parseFloat(document.getElementById("feet").value);
            var bb = parseFloat(document.getElementById("inches").value);
            var cc = (aa * 12);
            var resu = bb+cc;

            document.getElementById("results").value = resu;
            }

如果你不想使用 parseInt ，你可以使用加号将字符串强制为整数。

var aa = +document.getElementById("feet").value;
var bb = +document.getElementById("inches").value;

小提琴。

使用 parseInt 转换为整数：

 function converter(){
            var aa = parseInt(document.getElementById("feet").value, 10);
            var bb = parseInt(document.getElementById("inches").value, 10);
            var cc = (aa * 12);
            var resu = bb+cc;

            document.getElementById("results").value = resu;
  }