Javascript 从下拉列表中获取一个值并将其传递给变量_Javascript_Variables

Javascript 从下拉列表中获取一个值并将其传递给变量

javascript variables

Javascript 从下拉列表中获取一个值并将其传递给变量,javascript,variables,Javascript,Variables,我刚开始编程，我被困在这上面了。我在发布之前寻找了答案，但我无法整理出这段代码基本上，我想构建一个代码，允许用户选择2个值，然后传递这些值。这是一场足球/足球预测游戏，如果实际得分（var r和z）与预测得分（x和y）匹配，你应该得到3分，如果只有谁赢了，你就得到1分。如果你没有得到正确的分数，但是你得到了两队之间的进球数差，你会得到2分。代码如下： <!doctype html> <html> <head> <script type="text/

我刚开始编程，我被困在这上面了。我在发布之前寻找了答案，但我无法整理出这段代码

基本上，我想构建一个代码，允许用户选择2个值，然后传递这些值。这是一场足球/足球预测游戏，如果实际得分（var r和z）与预测得分（x和y）匹配，你应该得到3分，如果只有谁赢了，你就得到1分。如果你没有得到正确的分数，但是你得到了两队之间的进球数差，你会得到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>


var r=3
var z=1
风险值得分=0
var x=document.getElementById（“resultHomeTeam”）.value；
var y=document.getElementById（“resultAwayTeam”）.value；
var f=x-y
var j=r-z
函数专家（）{
如果（x==r&&y==z）{
分数+++}
如果（f==j）{
分数+++}
如果（ry）{
分数+++}
如果（r==z&&x==y）{
得分++
}
记录。写下（“你的分数是”+分数）
}
尤文图斯
0
1.
2.
3.
4.
5.
6.
7.
8.
9
米兰
0
1.
2.
3.
4.
5.
6.
7.
8.
9

在函数

guru（）

中声明x和y，并与

parseInt（）一起使用

var得分=0
var r=3
var z=1
函数专家（）{
var x=parseInt（document.getElementById（“resultHomeTeam”）.value）；
var y=parseInt（document.getElementById（“resultayteam”）.value）；
var f=x-y
var j=r-z
如果（x==r&&y==z）{
得分++
}
如果（f==j）{
console.log（'2'）
得分++
}
if（rz&&x>y）{
得分++
}
如果（r==z&&x==y）{
得分++
}
记录。写下（“你的分数是”+分数）
}
尤文图斯
0
1.
2.
3.
4.
5.
6.
7.
8.
9
米兰
0
1.
2.
3.
4.
5.
6.
7.
8.
9
您做得不错，但是请看，在更改提交时，会调用guru（）。但是在pageload上选择下拉列表的值。相反，x和y应该在guru（）中指定。快乐编码！非常非常感谢：-）真的非常感谢别忘了做标记作为答案。这对未来的访问者很有帮助。快乐编码。。。！