0

参考

如何在javascript中将字符串转换为浮点数？ jQuery计算NaN

目标

从用户那里获取两个数字输入值。将第二个数字除以第一个数字。将结果乘以 100，以百分比表示。将每个数字和结果添加到单独的列表中。通过 onClick 命令调用函数 getTextInput()。

背景

我主要使用 Java；我目前正在学习数据结构课程（二年级 CS 学生）。我的熟练度是中级。我对javascript的熟悉是基本的。

问题

南结果。我尝试了多种方法来完成这项任务；我解析了两个输入值并将它们分配给新变量，并将两个初始字符串输入解析为浮点值。但是，我在将这两个 int 或 string 类型的结果解析为浮点值时仍然遇到问题。我应该解析为 int 类型参数的浮点值吗？当我将字符串值转换为 int 值时，程序将不接受输入值并崩溃。为什么会这样？我查看了几个相关的帖子，但找不到任何提供我正在寻找的信息的东西。解决此问题的最佳方法是什么？非常感谢任何帮助或指导。谢谢。

  • 注意整个代码贴在最底部。

    方法 1 - 将两个字符串解析为浮动。当我将 percentOfNumbers 和 percentList 打印到控制台时，结果为“NaN”。

    var num1 = document.getElementById("numString1"); var num2 = document.getElementById("numString2");

    percentOfNumbers = parseFloat(num2/num1 * 100); percentList.push(percentOfNumbers); percentOfNumbers.value = "";

    // 将 num1 添加到 List1 List1.push(num1.value); num1.value = "";

    // 将 num2 添加到 List2 List2.push(num2.value); num2.value = "";

    方法 2 - 将每个文本输入解析为一个 int 值，将结果解析为一个浮点值。当我将 percentOfNumbers 和 percentList 打印到控制台时，结果为“NaN”。

    var num1 = document.getElementById("numString1"); var num2 = document.getElementById("numString2");

    var num1Parsed = parseInt(num1); var num2Parsed = parseInt(num2);

    percentOfNumbers = parseFloat(num2Parsed/num1Parsed * 100); percentList.push(percentOfNumbers); percentOfNumbers.value = "";

    // 将 num1 添加到 List1 List1.push(num1Parsed.value); num1Parsed.value = "";

    // 将 num2 添加到 List2 List2.push(num2Parsed.value); num2Parsed.value = "";

// 示例输入值，num1 为 2000，num2 为 2233

// 整个代码

<!--
To change this template, choose Tools | Templates
and open the template in the editor.
--><!DOCTYPE html>
<html>
    <head>
        <title></title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

    <script>

            // separate lists for repeat user input values for num1, num2, and percentageOfNumbers
            var List1 = [];
            var List2 = [];
            var percentageList = [];
            var percentOfNumbers = 0;
            var num1Parsed = 0;
            var num2Parsed = 0;

           function getTextInput() {

                // retrieve two numbers of type 'String' from user and assign to appropriate var
                var num1 = document.getElementById("numString1");
                var num2 = document.getElementById("numString2");

                // parse each string input number into an int
                num1Parsed = parseInt(num1);
                num2Parsed = parseInt(num2);

                // divide second number by first number
                // parse result and assign to percentOfNumbers var
                // add percentOfNumbers value to percentageList
                // reassign percentOfNumbers to ""
                percentOfNumbers = (num2Parsed/num1Parsed * 100);
                percentageList.push(percentOfNumbers);
                percentOfNumbers.value = "";

                // add num1 to List1
                List1.push(num1Parsed.value);
                num1Parsed.value = "";

                // add num2 to List2
                List2.push(num2Parsed.value); 
                num2Parsed.value= "";



           }

    </script>

    </head>
    <body>
        <input id="numString1" type="text" name="input1" value="" /> 
        <input id="numString2" type="text" name="input2" value="" /> 
        <input id="inputField" type="button" name="search" value="compute" onClick="getTextInput();" /> 
    </body>
</html>
4

1 回答 1

1

num1andnum2变量不包含字符串，它们包含 DOM 元素。

使用该value属性从输入字段中获取值：

var num1 = document.getElementById("numString1").value;
var num2 = document.getElementById("numString2").value;

但是 Numbers 没有value属性。你想推数字本身：

List1.push(num1Parsed);
List2.push(num2Parsed);

旁注：使用时指定基数parseInt，因为带有前导零的数字使用基数 8 而不是 10 进行解析：

num1Parsed = parseInt(num1, 10);
num2Parsed = parseInt(num2, 10);
于 2013-04-29T23:38:23.283 回答