Question

我无法弄清楚如何在HTML表格中显示胜利者。我的表格设置如下：https://jsfiddle.net/Amidi/yrrq76oh/1/然后在服务器端我试图弄清楚如果team1击败team2那么显示结果然后它应该更新team2扮演team1的框。因此，如果team1胜过team2，它应该在team1-team2框中显示“wins”，并在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")
 }

Answer 1

我已经编辑了你的jsfiddle，因为ajax调用无法到达服务器，我在纯客户端应用程序中执行。希望它有所帮助。 https://jsfiddle.net/kingychiu/yrrq76oh/6/

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

           }   
           });

       });

在HTML表格中显示获胜者

1 个答案: