Question

我有这段代码：

<table>
    <td> 
        <script type="text/javascript">
            var click3 = 0;

            function onClick3() {
                click3 += 1;
                document.getElementById("click3").innerHTML = click3;
            };
        </script>

        <button type="button" onClick="onClick3()">2</button>
        <a id="click3">0</a>
    </td>

    <td>
        <script type="text/javascript">
            var click4 = 0;

            function onClick4() {
                click4 += 1;
                document.getElementById("click4").innerHTML = click4;
            };
        </script>

        <button type="button" onClick="onClick4()">2</button>
        <a id="click4">0</a>
    </td>
<table>

如何计算按下两个按钮的次数总和？

Answer 1

<button type="button" onClick="onClick3()">2</button>
<span id="click3">0</span>
<br />
<button type="button" onClick="onClick4()">2</button>
<span id="click4">0</span>
<br />
Sum:
<span id="sum">0</span>

<script type="text/javascript">
var click3 = 0,
    click4 = 0;

function onClick3() {
    click3++;
    document.getElementById("click3").innerHTML = click3;
    calculateSum();
}
function onClick4() {
    click4++;
    document.getElementById("click4").innerHTML = click4;
    calculateSum();
}
function calculateSum() {
    document.getElementById("sum").innerHTML = click3 + click4;
}
</script>

Answer 2

<table>
    <td> 
        <script type="text/javascript">
            var click3 = 0;

            function onClick3() {
                click3 += 1;
                document.getElementById("click3").innerHTML = click3;
                sumClicks(),
            };
        </script>

        <button type="button" onClick="onClick3()">2</button>
        <a id="click3">0</a>
    </td>

    <td>
        <script type="text/javascript">
            var click4 = 0;

            function onClick4() {
                click4 += 1;
                document.getElementById("click4").innerHTML = click4;
                sumClicks();
            };
        </script>

        <button type="button" onClick="onClick4()">2</button>
        <a id="click4">0</a>
    </td>

    <td>
        <script type="text/javascript">
            function sumClicks() {
                document.getElementById("sum").innerHTML = click3 + click4;
            };
        </script>

        <p id="sum">0</p>
    </td>
<table>

我如何总结按钮onclick的总和

2 个答案: