个人中心
gpt4 book ai didi

javascript - 我无法使这几行简单的代码正常工作，并且不知道为什么

转载 作者：行者123 更新时间：2023-11-28 15:51:07 27 4
gpt4 key购买 nike

我尝试了这个简单的练习，我确实让它工作了，但不正确。当您单击按钮时，它应该为您提供 0 到 1000 之间的随机数。当您再次单击该按钮时，它会创建另一个随机数，如果它比上一个大，则会显示它。如果不是，则什么也不做。当它执行此操作时，它会计算运行该函数的次数。我制作的那个确实给了我随机数字，但有时，它显示的数字比上一个小，有时却没有。我不明白为什么。我怀疑这可能是因为我试图更改按钮功能的代码行。

<!DOCTYPE html>
<html>
<head>
<input id="btn" type="button" onclick="initiate(1)" value="Click me!"><br>
<script>
function geid(id) {
    return document.getElementById(id);
}
var count = 0;

function initiate(n) {
    var x = n;
    n = Math.floor(Math.random() * 1000);
    document.getElementById("btn").onclick = function () {
        initiate(n);
    }

    if (n > x) {
        geid("fid").innerHTML = n;
        count += 1;
        geid("fid2").innerHTML = count + " times";

    } else {
        count += 1;
        geid("fid2").innerHTML = count + " times";

    }
}
</script>

</head>

<body>
Number : <div id="fid">0</div>
Tried <div id="fid2">0</div>

</body>

</html>

最佳答案

问题是您总是在更改 onclick 函数，无论新选择的 n 值是否大于先前的值 (x)或不。

举个例子:假设语句 Math.floor(Math.random()*1000); 在多次运行时生成以下值序列:100, 500, 200, 300 .

第一次单击时，该函数被调用为 initiate(1)，点 fid1 设置为保存 100，并且onclick 处理程序设置为调用 initiate(100)。

第二次单击时，该函数被调用为 initiate(100)，点 fid1 设置为保存 500，并且onclick 处理程序设置为调用 initiate(500)。到目前为止一切顺利。

第三次单击时，该函数被调用为 initiate(500)，点 fid1 保持在 500 不变，并且onclick 处理程序设置为调用 initiate(200)。嗯...

第四次单击时，该函数被调用为 initiate(200)，点 fid1 设置为保存 300，并且onclick 处理程序设置为调用 initiate(300)。

所以问题是，如果您想更改处理程序以始终保存 fid1 中的当前值，那么您不应该更改处理程序，除非 n > x .

关于javascript - 我无法使这几行简单的代码正常工作，并且不知道为什么，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/20574887/

27 4 0
文章推荐： c# - 从 javascript 调用 C# 代码
文章推荐： java - 如何在页面加载时第一次在JSP上显示下拉列表的第一个值？
文章推荐： javascript - 删除对象属性在删除操作之前生效
文章推荐： css - CSS中的自定义形状
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com