0

私はこれを何時間も検索して理解しようとしてきましたが、何かが欠けているようです。基本的には、リンク/ボタンをクリックすると、関数で指定された量だけ数値を増減するスクリプトを実行するようにしようとしています。(この例では 1)

表示しようとしている画像ファイルは、最終結果によって変わるはずです。しかし、イメージは決して変わりません。

どんな提案でも大歓迎です

<script type="text/javascript">

var p1hps = 20;
var p1hpimage

function p1p1Click() {
    p1hps = (p1hps +1);
    function p1health(){
    };
}

function p1health() {
    p1hpimage = "images/p1" + p1hps + ".png";
    document.getElementById('p1hp').src = p1health();
}
</script>




<body>
<a href="#" onclick="p1p1Click()"><img src="images/p1p1.png" width="165" height="87" alt=""></a>
<img src="images/p120.png" id="p1hp" width="324" height="252" alt="">
</body>
4

2 に答える 2

1

p1health関数 insideを呼び出す必要があります。代わりに、名前が insidep1p1Clickの別の関数を宣言していました。p1healthp1p1Click

また、 imagesプロパティには、メソッドを再帰的に呼び出す代わりにsrc、変数の値を割り当てる必要がありますp1hpimagep1health

var p1hps = 20;
function p1p1Click() {
    p1hps++;
    p1health();
}
function p1health() {
    var p1hpimage = "images/p1" + p1hps + ".png";
    document.getElementById('p1hp').src = p1hpimage ;
}

デモ: Fiddle --開発ツールを使用してソースを検査し、src が更新されていることを確認します

于 2013-10-17T02:26:30.070 に答える