2017-02-03 3 views
0

방금 ​​프로그래밍을 시작했는데이 문제에 봉착했습니다. 게시하기 전에 답변을 찾았지만이 코드를 정렬 할 수 없습니다.드롭 다운에서 값을 가져 와서 변수에 전달

기본적으로 사용자가 2 개의 값을 선택하고 그 값을 전달할 수있는 코드를 작성하려고합니다. 실제 점수 (var r 및 z)가 예상 점수 (x 및 y)와 일치하면 3 점을 얻어야 축구/축구 예측 게임입니다. 누가 승수를 얻었습니까? 정확한 점수를 얻지 못했지만 두 팀 간의 골 득 차이를 얻으면 2 점을 얻습니다.

<!doctype html> 

<html> 

<head> 
<script type="text/javascript"> 

var r = 3 
var z = 1 
var score = 0 

var x = document.getElementById("resultHomeTeam").value; 
var y = document.getElementById("resultAwayTeam").value; 
var f = x-y 
var j = r-z 

function guru() { 

    if(x==r && y==z) { 

    score++} 

    if(f == j){ 

    score++} 

    if(r<z && x<y){ 
    score++} 

    if(r>z && x>y){ 
    score++} 

    if(r==z && x==y){ 
    score++ 

    } 

    document.write("your score is " + score) 
} 



</script> 

</head> 

<body> 


Juventus 
<select id = "resultHomeTeam"> 
    <option value="0">0</option> 
    <option value="1">1</option> 
    <option value="2">2</option> 
    <option value="3">3</option> 
    <option value="4">4</option> 
    <option value="5">5</option> 
    <option value="6">6</option> 
    <option value="7">7</option> 
    <option value="8">8</option> 
    <option value="9">9</option> 
</select> 

Milan 
<select id = "resultAwayTeam"> 
    <option value="0">0</option> 
    <option value="1">1</option> 
    <option value="2">2</option> 
    <option value="3">3</option> 
    <option value="4">4</option> 
    <option value="5">5</option> 
    <option value="6">6</option> 
    <option value="7">7</option> 
    <option value="8">8</option> 
    <option value="9">9</option> 
</select> 

<input type ="submit" value="submit" onclick =" return guru()"/> 

<script type="text/javascript"> 



</script> 



</body> 
</html> 
+1

당신은 바로 그 일을하고 있습니다로 사용하지만, 볼의 변화에 ​​: 여기에 코드입니다 전문가를 제출하면() 전화가오고 있습니다. 그러나 드롭 다운의 값은 페이지로드에서 선택됩니다. 오히려 x와 y는 전문가() 안에 할당되어야합니다. 해피 코딩! –

+0

고맙습니다. 대단히 :-) – Matt

답변

0

함수 guru() 내부의 x와 y를 선언 .And parseInt()

var score = 0 
 
    var r = 3 
 
var z = 1 
 

 

 
function guru() { 
 

 
    var x = parseInt(document.getElementById("resultHomeTeam").value); 
 
var y = parseInt(document.getElementById("resultAwayTeam").value); 
 
var f = x - y 
 
var j = r - z 
 
    if (x == r && y == z) { 
 
    score++ 
 
    } 
 

 
    if (f == j) { 
 
console.log('2') 
 
    score++ 
 
    } 
 

 
    if (r < z && x < y) { 
 
    score++ 
 
    } 
 

 
    if (r > z && x > y) { 
 
    score++ 
 
    } 
 

 
    if (r == z && x == y) { 
 
    score++ 
 

 
    } 
 

 
    document.write("your score is " + score) 
 
}
Juventus 
 
<select id="resultHomeTeam"> 
 
    <option value="0">0</option> 
 
    <option value="1">1</option> 
 
    <option value="2">2</option> 
 
    <option value="3">3</option> 
 
    <option value="4">4</option> 
 
    <option value="5">5</option> 
 
    <option value="6">6</option> 
 
    <option value="7">7</option> 
 
    <option value="8">8</option> 
 
    <option value="9">9</option> 
 
</select> 
 

 
Milan 
 
<select id="resultAwayTeam"> 
 
    <option value="0">0</option> 
 
    <option value="1">1</option> 
 
    <option value="2">2</option> 
 
    <option value="3">3</option> 
 
    <option value="4">4</option> 
 
    <option value="5">5</option> 
 
    <option value="6">6</option> 
 
    <option value="7">7</option> 
 
    <option value="8">8</option> 
 
    <option value="9">9</option> 
 
</select> 
 

 
<input type="submit" value="submit" onclick=" return guru()" />

+0

대단히 감사합니다! :) – Matt

+0

답변으로 표시하는 것을 잊지 마세요. 향후 방문객에게 도움이됩니다. 복잡한 코딩 ...! – prasanth

관련 문제