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内部调用函数,而不是使用内部p1p1Click名称声明另一个函数。p1healthp1p1Click

还有 imagessrc属性,您需要分配变量的值p1hpimage而不是递归调用p1health方法

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

演示:小提琴——使用开发工具检查源代码以查看 src 是否得到更新

于 2013-10-17T02:26:30.070 回答
0

试试这个 :

var _myPicArray =new Array("pic1.png","pic2.png","pic3.png");

function p1health(n) {
    document.getElementById('p1hp').src = myPicArray[n] ;
}
于 2013-10-17T04:31:27.880 回答