我如何延迟功能直到按下按钮？

Question

好的，我有这个测验，你按下按钮改变变量值。最后剩下的值将决定你的结果。这是它找出结果的方式：

function check() {

 if(poeng >= 500) {

   document.write('<img style="position: relative; top: 500px; left: 200px;" src="bilder/cat2.jpg">');
 }

问题是，第一个按钮之一将变量更改为超过 500 的值 - 我希望能够在获得结果之前完成测验中的所有问题。是否可以使写在那里的功能延迟到我按下最后一个按钮？（抱歉，如果这令人困惑）

Answer 1

如果您的 poeng 变量是全局的，那么您可以将事件侦听器添加到您的测验按钮。这些将在单击时被触发并检查您的条件是否为真（在您的情况下为 poeng >= 500）。否则，您必须将参数传递给检查功能。

button.addEventListener("click",check)

function check() {
 if(poeng >= 500) {
   document.write('<img style="position: relative; top: 500px; left: 200px;" src="bilder/cat2.jpg">')
 };
 }

button.addEventListener("click",check(poeng))

function check(poeng) {
 if(poeng >= 500) {
   document.write('<img style="position: relative; top: 500px; left: 200px;" src="bilder/cat2.jpg">')
 };
 }

希望我有所帮助！

Answer 2

How do i delay a function until a button is pressed?

您不必延迟某个功能，直到按下按钮。

您只需在按下时执行您的功能。

参见下面的示例。

const button = document.getElementById("button");

function myFunction() {
  console.log('You cliked the button');
}

button.addEventListener("click", myFunction)

<button id="button"> BUTTON </button>

我如何延迟功能直到按下按钮？

How do i delay a function until a button is pressed?

javascript

button

delay