1

フリスビー トーナメント用の JSON データを使用してアプリケーションを作成しようとしています。現在、試合のスコアを表示および編集できるページを作成中です。2 つのチームのいずれかのスコアを増減できる必要があります。次のようになります。

チーム #1: + / -、チーム #2: + / -

読みやすくするために、コードの一部を省略しました。これは関連するコードです：

gamePage: function(data){

    var score1 = parseInt(data.team_1_score),
        score2 = parseInt(data.team_2_score);

    var html = '',

    html_pool_open = '<section class="new_page">';
    html = html + html_pool_open;

    var html_pool_top = '<div class="game">';
    html = html + html_pool_top;

    var html_team_1 = '<div class="name">'+data.team_1.name+'</div>'
             + '<div class="score score_team1">'
                + '<a href="#" onclick="" ><img src="/images/plus.png"/></a>'
                + '<span>'+score1+'</span>'
                + '<a href="#" onclick="SCORE_APP.tools.minusOne()"><img src="/images/minus.png"/></a>'
             + '</div></div>';

スパン間のスコアを増減する必要がありますonclick

    html = html + html_team_1;

    x$('#content').html(html);
}

私はjQueryでそれを行うことを許可されていないので、バニラJavaScriptのみでお願いします.

4

2 に答える 2

0

タグ内の onclick 属性を設定して、<a href="#" onclick="" ></a>increaseScore などの関数を呼び出します。

 onclick="increaseScore()"

そして、スパン要素に id を与えます:

 <span id="myScore">

次に、スコアを追加する関数を記述します。

 function increaseScore()
 {
 score1++;
 document.getElementById("myScore").innerHTML=score1;
 }
于 2013-10-28T20:52:38.570 に答える