Javascript 在HTML表格中显示赢家

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

我很难弄清楚如何在HTML表中显示victor。我的表是这样设置的:然后在服务器端,我试图找出如何显示结果,如果team1击败team2,那么它应该更新team2播放team1的框。因此,如果team1击败team2,它应该在team1-team2框中显示“赢”,在team2-team1框中显示“输”。这是迄今为止我在
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');
             }

           }   
           });

       });