1

私の教授は、JQuery や、基本的に Javascript や HTML/CSS 以外のものを使用できないようにする独自のタスクを持っています。

マウスをクリックすると、セル内の値を数値で更新する必要があります。私はJavascriptが初めてで、基本的にここに私が取り組んでいるものがあります。

<table id="score">
                <tr>
                    <td> One's </td>
                    <td class="scoring" id="ones" onClick="inputScore()">  </td>
                </tr>
</table>

私がやりたいことは、id=ones のセルをクリックし、関数 inputScore() で 50 の値を挿入することです。Javascriptのみを使用してこれにアプローチする最良の方法は何ですか? 前もって感謝します。

編集：コメントから移植されたコード：

<script>
  function inputScore() { 
    var x = 50; 
    document.getElementById("ones") = x; 
  } 
</script>
4

1 に答える 1

1

で要素を正しくターゲットにしましたgetElementById()が、そのinnerHTMLプロパティを設定してセルの内容を変更する必要があります。

function inputScore() { 
  var x = 50; 
  document.getElementById("ones").innerHTML = x; 
}

あなたはすぐそこにいました。この場合.innerText、追加の HTML マークアップを追加せず、数字のみを追加するため、使用することもできます50。

必要に応じて、新しい値をパラメーターとして受け入れるようにこの関数を変更することを検討してください。

function inputScore(value) {
  // Set the contents to value
  document.getElementById("ones").innerHTML = parseInt(value, 10);
}
// Called as
inputScore(50)

学習に応じて、MDN ドキュメントを参照点として使用することをお勧めします。に関するドキュメントは次のとおり.innerHTMLです。

于 2012-12-04T17:11:15.247 に答える