2017-02-06 5 views
-1

JavaScript를 처음 사용했습니다. 프롬프트를 통해 4 개의 숫자를 입력했습니다. 이 4 가지 숫자 중에서 최대 값을 출력하고 최소값을 출력하고 싶습니다. 최대 값을 계산하는 함수와 최소값을 계산하는 함수가 있습니다. 제가 인쇄 할 수있는 유일한 것은 최대 숫자입니다. 최대 숫자 기능이 완료된 후 최소 숫자 기능이 실행되지 않는 것입니다. 이것이 왜 작동하지 않는지에 대한 명확한 설명은 감사하겠습니다. 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>
, 당신은 프롬프트 후를 호출 할 수 있습니다 당신에게 당신은 결코 기능 min4를 호출하지 않습니다

+0

ID ('max_result')를 다시 사용하는 것은 유효하지 않습니다. – Xufox

+0

윈도우로드에서'max4' 함수 만 호출 했으므로'min4'를 실행하지 않습니다.하지만 실행하기 위해'min4'에 대해서는 아무 것도 참조하지 않았습니다. – Thennarasan

+0

max4가 호출됩니다. min4는 그렇지 않습니다. –

답변

0

감사합니다 :

내가 현재 가지고있는 것입니다

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); 
} 
+0

을 부수적으로 - 당신은 또한 결코 'max_result' 또는'min_result'를 정의하지 않습니다. – hackerrdave

+1

DOM은 아직로드되지 않았으므로 어쨌든 ID를 얻지 못합니다. 이 방법이 @hackerrdave에서 작동하는지 의심 스럽다. –

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(); 
}