Javascript 创建一个添加100 onclick的按钮

我今天开始用JavaScript编写代码，目前正在制作一个按钮，将

100

添加到

shark

数组中的

shark[0]

。我正在使用数组来存储我拥有的数据

我遇到的问题是，首先保存已更改的数组，然后使用正确的数量更改数组。试图用谷歌搜索，但找不到答案。谢谢你的帮助

shark = [1200, 993, 0, 0]
shark[3] = shark[0] * (shark[1] - shark[2])
shark[0] = sharkAdd(shark[0], 1++, 100)

function sharkAdd(value, x, hundra) {
  var value = parseInt(document.getElementById('sharkAmount').innerHTML = shark[0], 10);
  value + x++ * 100;
}

shark.toString();
document.getElementById("sharkAmount").innerHTML = shark[0];
document.getElementById("sharkPrice").innerHTML = shark[1];
document.getElementById("sharkCost").innerHTML = shark[2];
document.getElementById("sharkProfit").innerHTML = shark[3];

---

HTML（这不是完整的HTML）：

添加100条鲨鱼
1100

在执行此操作时，您似乎有点困惑，有一些不可编译的代码、冗余的内容和奇怪的变量赋值，实在太多了，无法在此进行剖析和解释

然而，这实际上是一项相当简单的工作。我已经对代码进行了详细的注释，以帮助您理解每一行的功能

为简单起见，我省略了原始代码中与问题不直接相关的部分

//当您的页面加载到浏览器中时，函数外部的此部分将立即运行。
//初始化数据数组（作为全局变量）
var-shark=[1200]；
//获取对“sharkAmount”HTML元素的引用（作为全局变量）
var sharkAmountDisplay=document.getElementById（'sharkAmount'）；
//使用阵列中的当前值初始化显示
sharkAmountDisplay.innerHTML=shark[0]；
//此函数中的代码仅在调用时运行（例如，从HTML中的“onclick”事件）
函数sharkAdd（值）{
//“value”将是HTML中“sharkAdd（100）”传入的“100”
//现在，将该值添加到现有值并将其存储在数组中
shark[0]=shark[0]+值；
//使用数组中的新值更新显示
sharkAmountDisplay.innerHTML=shark[0]；
}

添加100条鲨鱼



鲨鱼的数量：

您在执行此操作时似乎有点困惑，有一些不可编译的代码、冗余的东西和奇怪的变量赋值，实在太多了，无法在此进行剖析和解释

然而，这实际上是一项相当简单的工作。我已经对代码进行了详细的注释，以帮助您理解每一行的功能

为简单起见，我省略了原始代码中与问题不直接相关的部分

//当您的页面加载到浏览器中时，函数外部的此部分将立即运行。
//初始化数据数组（作为全局变量）
var-shark=[1200]；
//获取对“sharkAmount”HTML元素的引用（作为全局变量）
var sharkAmountDisplay=document.getElementById（'sharkAmount'）；
//使用阵列中的当前值初始化显示
sharkAmountDisplay.innerHTML=shark[0]；
//此函数中的代码仅在调用时运行（例如，从HTML中的“onclick”事件）
函数sharkAdd（值）{
//“value”将是HTML中“sharkAdd（100）”传入的“100”
//现在，将该值添加到现有值并将其存储在数组中
shark[0]=shark[0]+值；
//使用数组中的新值更新显示
sharkAmountDisplay.innerHTML=shark[0]；
}

添加100条鲨鱼



鲨鱼数量：

这就是你需要的。保存客户端使用的数据。我将把这部分留给你去实现

var shark=[1200993,0993]
函数addSharks（）
{
var sharkstoadd=100；
鲨鱼[0]+=100；
shark[3]=shark[0]*（shark[1]-shark[2]）
document.getElementById（“sharkAmount”）.innerHTML=shark[0]；
document.getElementById（“sharkPrice”）.innerHTML=shark[1]；
document.getElementById（“sharkCost”）.innerHTML=shark[2]；
document.getElementById（“sharkProfit”）.innerHTML=shark[3]；
}

资源
数量
价格ea
成本ea
利润
鲨鱼
1200
993
0
0
添加100条鲨鱼

这是您需要的。保存客户端使用的数据。我将把这部分留给你去实现

var shark=[1200993,0993]
函数addSharks（）
{
var sharkstoadd=100；
鲨鱼[0]+=100；
shark[3]=shark[0]*（shark[1]-shark[2]）
document.getElementById（“sharkAmount”）.innerHTML=shark[0]；
document.getElementById（“sharkPrice”）.innerHTML=shark[1]；
document.getElementById（“sharkCost”）.innerHTML=shark[2]；
document.getElementById（“sharkProfit”）.innerHTML=shark[3]；
}

资源
数量
价格ea
成本ea
利润
鲨鱼
1200
993
0
0
添加100条鲨鱼

您的
sharkAdd
功能有几个问题。您永远不会从中返回任何内容。未使用参数
value
和
hundra
。您正试图将数字当作字符串来解析。
您的
sharkAdd
函数有几个问题。您永远不会从中返回任何内容。未使用参数
value
和
hundra
。您试图将一个数字当作一个字符串来解析。是的，我认为这是所提问题的理想输出。@AbhishekKumar，谢谢。如果你相信答案是有帮助的，那么你当然会像善意的评论一样感谢你的支持……：-）是的，在添加了我刚刚忘记的评论之后，请原谅，我认为这不是OP要求的。@VigneshRaja问题很简单地说，“我正在制作一个按钮，在shark数组中为shark[0]添加100。”。我的代码就是这样做的。也许你可以解释一下，你认为我的答案在实现这一目标方面可以如何改进？我很乐意修改它。是的，我认为这是所提问题的预期结果。@AbhishekKumar谢谢。如果你认为答案是有帮助的，那么投票当然是有帮助的
<button onclick="sharkAdd()" class="button button1" >Add 100 Sharks</button>    
<td id="sharkAmount">1100</td>