JavaScript - 只有两个函数中的第一个执行

时间:2017-02-06 04:46:14

标签: javascript function innerhtml prompt

我是JavaScript的新手。我通过提示输入四个数字。在这四个数字中,我希望打印出最大值并打印出最小值。我有一个计算最大值的函数和一个计算最小值的函数。我打印出来的唯一一件事是最大数量。完成最大数量的函数后,最小数字的函数似乎不会运行。任何关于为什么这不起作用的澄清将不胜感激。

这就是我目前所拥有的:



window.onload = max4;

var first_number = prompt("Please enter your first number", "");
var second_number = prompt("Please enter your second number", "");
var third_number = prompt("Please enter your third number", "");
var fourth_number = prompt("Please enter your fourth number", "");

function max4() {
  document.getElementById("max_result");
  max_result.innerHTML = "The larger of the four numbers you entered is: " + Math.max(first_number, second_number, third_number, fourth_number);
}

function min4() {
  document.getElementById("min_result");
  min_result.innerHTML = "The lowest of the four numbers you entered is: " + Math.min(first_number, second_number, third_number, fourth_number);
}

<!doctype html>
<html lang="en">

<head>
  <meta charset="utf-8" />
  <title>JavaScript Test Project</title>
  <script src="min_max_numbers.js"></script>
</head>

<body>
  <h3>Largest and Smallest</h3>
  <h5 id="max_result"></h5>
  <h5 id="min_result"></h5>
</body>

</html>
&#13;
&#13;
&#13;

谢谢

2 个答案:

答案 0 :(得分:0)

您永远不会调用函数min4,您可以在提示后调用它:

var first_number = prompt("Please enter your first number", "");
var second_number = prompt("Please enter your second number", "");
var third_number = prompt("Please enter your third number", "");
var fourth_number = prompt("Please enter your fourth number", "");

max4(); //invoke max4 function
min4(); //invoke min4 function

function max4() {
  var max_result = document.getElementById("max_result");
  max_result.innerHTML = "The larger of the four numbers you entered is: " + Math.max(first_number, second_number, third_number, fourth_number);
}

function min4() {
  var min_result = document.getElementById("min_result");
  min_result.innerHTML = "The lowest of the four numbers you entered is: " + Math.min(first_number, second_number, third_number, fourth_number);
}

答案 1 :(得分:0)

您好,您需要调用window.onload

中的两个功能

这样做如下。按如下方式重构您的JS文件

window.onload = func1;

var first_number = prompt("Please enter your first number", "");
var second_number = prompt("Please enter your second number", "");
var third_number = prompt("Please enter your third number", "");
var fourth_number = prompt("Please enter your fourth number", "");

function max4(){
    document.getElementById("max_result").innerHTML = "The larger of the four numbers you entered is: " + Math.max(first_number, second_number, third_number, fourth_number);
}

function min4(){
    document.getElementById("min_result").innerHTML = "The lowest of the four numbers you entered is: " + Math.min(first_number, second_number, third_number, fourth_number);
}

function func1() {
    max4();
    min4();
}