Javascript 在HTML表格中显示赢家
我很难弄清楚如何在HTML表中显示victor。我的表是这样设置的:然后在服务器端,我试图找出如何显示结果,如果team1击败team2,那么它应该更新team2播放team1的框。因此,如果team1击败team2,它应该在team1-team2框中显示“赢”,在team2-team1框中显示“输”。这是迄今为止我在Javascript 在HTML表格中显示赢家,javascript,jquery,html,Javascript,Jquery,Html,我很难弄清楚如何在HTML表中显示victor。我的表是这样设置的:然后在服务器端,我试图找出如何显示结果,如果team1击败team2,那么它应该更新team2播放team1的框。因此,如果team1击败team2,它应该在team1-team2框中显示“赢”,在team2-team1框中显示“输”。这是迄今为止我在server.js中的内容: app.post("/passScores", function(req, res){ var someScores = {}; some
server.js中的内容:
app.post("/passScores", function(req, res){
var someScores = {};
someScores.a = req.body.a;
someScores.b = req.body.b;
var team1 = parseInt(someScores.a);
var team2 = parseInt(someScores.b);
if(team1 > team2){
res.write("Win");
}
else if(team1 == team2){
res.write("Draw");
}
else{
res.write("Lose")
}
我已经编辑了您的JSFIDLE,因为ajax调用无法到达服务器,所以我在纯客户端应用程序中进行编辑。希望对你有帮助。
$(文档).ready(函数(){
$(“#提交”)。在('单击',函数()上{
变量匹配=['a','b'],['c','d'],['e','f'],['g','h'],['i','j'],['k','l'];
分数={
a:$(“#a”).val(),b:$(“#b”).val(),c:$(“#c”).val(),d:$(“#d”).val(),
e:$(“#e”).val(),f:$(“#f”).val(),g:$(“#g”).val(),h:$(“#h”).val(),
i:$(“#i”).val(),j:$(“#j”).val(),k:$(“#k”).val(),l:$(“#l”).val()
};
对于(变量i=0;iteamScore2){
$(“#”+match[i][0]).val($(“#”+match[i][0]).val()+'Win');
$(“#”+match[i][1]).val($(“#”+match[i][1]).val()+'Lose');
}
否则如果(teamScore2>teamScore1){
$(“#”+match[i][0]).val($(“#”+match[i][0]).val()+'Lose');
$(“#”+match[i][1]).val($(“#”+match[i][1]).val();
}
否则{
$(“#”+match[i][0]).val($(“#”+match[i][0]).val()+'Draw');
$(“#”+match[i][1]).val($(“#”+match[i][1]).val()+'Draw');
}
}
});
});
我正努力做到这一点,以便在team1的赛程中,team1与team2的比赛结果将自动更新team2与team1的比赛结果(因为他们基本上是同一场比赛)。
$(document).ready(function(){
$('#submit').on('click', function(){
var match = [['a','b'], ['c','d'], ['e','f'], ['g','h'], ['i','j'], ['k','l']];
scores = {
a: $("#a").val(), b: $("#b").val(), c: $("#c").val(), d: $("#d").val(),
e: $("#e").val(), f: $("#f").val(), g: $("#g").val(), h: $("#h").val(),
i: $("#i").val(), j: $("#j").val(), k: $("#k").val(), l: $("#l").val()
};
for(var i = 0; i < match.length ; i++){
console.log(match[i])
var teamScore1 = $("#"+match[i][0]).val();
var teamScore2 = $("#"+match[i][1]).val();
if(teamScore1 > teamScore2){
$("#"+match[i][0]).val($("#"+match[i][0]).val()+'Win');
$("#"+match[i][1]).val($("#"+match[i][1]).val()+'Lose');
}
else if(teamScore2 > teamScore1){
$("#"+match[i][0]).val($("#"+match[i][0]).val()+'Lose');
$("#"+match[i][1]).val($("#"+match[i][1]).val()+'Win');
}
else{
$("#"+match[i][0]).val($("#"+match[i][0]).val()+'Draw');
$("#"+match[i][1]).val($("#"+match[i][1]).val()+'Draw');
}
}
});
});