在HTML表格中顯示獲勝者

Question

我在弄清楚如何在HTML表中顯示勝利者時遇到了麻煩。 我的表設置如下： https ://jsfiddle.net/Amidi/yrrq76oh/1/然后在服務器端，我試圖弄清楚如果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")
 }

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

           }   
           });

       });