Javascript除了没有工作

时间:2013-11-14 18:18:46

标签: javascript

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

            <!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>

3 个答案:

答案 0 :(得分:0)

使用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;

  }

答案 1 :(得分:0)

请改用:

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;

            }

答案 2 :(得分:0)

如果您不想使用parseInt,可以使用加号将字符串强制转换为整数。

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

Fiddle