-1

クリック数に基づいて数値が増加する小さな関数を作成しました。元々は 1 つのファイルですべて行っていましたが、ゲームの一部として関数を使用したいので、別のファイルに分割する必要があります。残念ながら、私は Javascript に比較的慣れていないので、どこかで失敗したに違いありません。ここに私が持っているものがあります:

HTML:

<body>
    <button type="button" onclick="increaseMainScore()" id="mainPostCard"></button>
    <input type="text" id="outputScore"></input>
</body>

JS:

var mainScore = 1;

function increaseMainScore() {
    var textBox = document.getElementById("outputScore");
    textBox.value = mainScore;
    mainScore++;
}

また、いくつかの CSS テストのスタイリングなども行います。

動作するJSfiddle(単一ページ): http://jsfiddle.net/bSt2u/

動作しない JSfiddle: http://jsfiddle.net/AdG8Y/

誰かが私が問題を解決するのを手伝ってくれたら、それは素晴らしいことです.

4

1 に答える 1

1

このようなものを試すことができます。このコードは、ページscript内のタグの間のいずれかに保持する必要がありますhead（最も単純なもの）

<head>
    <script type="text/javascript">
        window.onload = function(){
            var mainScore = 1;
            var btn = document.getElementById('mainPostCard');
            btn.onclick = function(){
                var textBox = document.getElementById("outputScore");
                textBox.value = mainScore;
                mainScore++;    
            };
        };
    </script>
</head>

または、このコードを別の .jsファイル ( ) に保存し、 (head タグ内) を使用yourfile.jsしてページに追加します。HTML

<script type="text/javascript" src="yourfile.js"></script>

また、この回答を確認してください。

于 2013-11-13T00:13:09.393 に答える