2017-06-08 53 views
1

这听起来像你的程序员一个简单的事情,在那里,但我似乎无法推测出来。我正在制作一个程序,其中输出最大的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; 

} 
+0

从哪里是largestOfFour功能得到ARR输入? – VivekN

+0

为什么是largestNumbers一个数组,如果它只是要告诉其它数量最多那么它不应该是一个数组 – VivekN

回答

0

在输入框中输入数字后,我们可以看到它作为一个字符串值。用空格分割字符串给我们数组数组。我们将数组彼此在每个数字比较,并保存在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>

+0

三江源非常感谢! –

+0

很高兴我能帮到你。 – MaxZoom