繁体   English   中英

无法显示输出

[英]Having trouble displaying output

对于程序员来说,这可能听起来很简单,但我似乎无法弄明白。 我正在制作一个程序,其中4个数字中最大的输出。 我已经有了核心代码,但我似乎无法想象如何在屏幕上显示结果。 我希望这样当用户在文本框中键入数字时,只需按一下按钮,结果就会显示在另一个文本框中。 感谢您的时间和帮助。

HTML

<html>
<head>
  <meta charset="UTF-8">
  <script src="Main.js" type="text/javascript"></script>
  <link href="Main.css" rel="stylesheet" type="text/css"/>
</head>
<body>

    <form id="Awesome">
            <label>Input Numbers Here: </label><input type="text" 
id="txtBox">
            <br><br>
            <label>Dec to Roman #: </label><input type="text" id="Results">
            <br><br>
            <input type="button" value="Calculate" id="Execute" 
onclick="largestOfFour()">
    </form>

</body>
</html>

使用Javascript

function largestOfFour(arr) {
var largestNumbers = [];
var currentLargest;
for (var x =0; x <arr.length; x++) {
    currentLargest = 0;
    for (var y = 0; y < arr [x].length; y++) {
        if (arr[x][y] > currentLargest) {
            currentLargest = arr[x][y];
        }
    }
    largestNumbers.push(currentLargest);
}
return largestNumbers;

document.getElementById('Results').value = largestNumbers;

}

在输入框中输入数字后,我们可以将其值读取为字符串。 用空格拆分该字符串可以得到数字数组。 我们将数组彼此在每个数字比较和保存数量最多largest 然后我们在结果框中显示其值。

 function largestOfFour() { // get string from the input var s = document.getElementById('txtBox').value; var numbers = s.split(' '); var largest = 0; for (var x = 0; x < numbers.length; x++) { var current = parseInt(numbers[x]) if (current > largest) largest = current; } // display the largest number document.getElementById('Results').value = largest; } 
 <form id="Awesome"> <label>Input 4 Numbers (space separated): </label> <input type="text" id="txtBox"> <br><br> <label>Max #: </label> <input type="text" id="Results" readonly> <br><br> <input type="button" value="Calculate" id="Execute" onclick="largestOfFour()"> </form> 

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM