如何使用按钮递增

Question

到目前为止，我不太擅长这段代码。我通过人们直接告诉我如何去做来学习。有人可以帮我修复我的代码吗？

我已经尝试了一切……我无法描述我的问题，因为我不擅长这样做。我有自己的学习方式，基于别人为我解决的问题。有人可以让它变得简单吗？我需要它位于当我单击“资本主义”时，它使“金钱：0”转到“金钱：1”等等。

这是小提琴

jsfiddle.net/Weston1256/e5j4p8uw/61/embed/结果/

我尝试使用我在这个网站上看到的其他方法，但它不起作用，我预计它不会起作用，但我想我会尝试。

Answer 1

这是您的更新代码：

const button1 = document.querySelector(".button1");
const money = document.querySelector(".money");
let counter = 0;

function incrementBy1() {
   button1.style.border = "4px solid red";
   button1.style.background = "red";
   setTimeout(() => button1.style.border = "4px solid green", 63);
   setTimeout(() => button1.style.background = "green", 63);
   counter++;
   money.innerText = 'Money: ' + counter;
}

div {
  text-align: center;
}
button {
  font-size: 40px;
  border: 4px solid green;
  background: green;
}
body {
  background: gray;
}

<br>
<br>
<div class="thebutton">
 <button class="button1" onclick="incrementBy1()">Capitalism</button>
 <br>
 </div>
 
 <div class="themoney">
 <p0 class="money">Money: 0</p0>
 </div>