个人中心
gpt4 book ai didi

javascript - 网络开发新手，遇到错误(jsfiddle)

转载 作者：行者123 更新时间：2023-12-03 09:55:18 25 4
gpt4 key购买 nike

我绝对是网络开发的初学者，我想简单地在在线工具 jsfiddle 中做一个机会计算器。我收到错误:“Shell 表单不验证”，之后出现一些奇怪的错误。这是我的 HTML 代码:

<body>
    <form method="post">The chance of succes:
        <input type="number" name="chance">
        <br>How many tries:
        <input type="number" name="tries">
        <br>
        <input type="submit" value="Calculate!">
        <br>
    </form>
</body>

我的 JavaScript 代码是:

function calculate(chance, tries) {
    console.log(chance / tries * 100);
}

正如我所说，我对此很陌生，因此请尝试逐步解释。

最佳答案

您遇到一些问题。一是你的表单试图将自己提交给自己。另一个是你的计算函数永远不会被调用。

您的函数参数也永远不会被调用。让我们将输入更改为 id 而不是名称。例如:

<input type="number" id="chance">

这使得单击按钮时更容易从输入中获取值。我将输入设置为按钮而不是提交，只是为了确保您的表单数据不会发送到任何地方。

<input type="button" onclick="return calculate(getElementById('chance').value, getElementById('tries').value)" value="Calculate!">

这是一个 jsfiddle，为您提供了可能的解决方案。 http://jsfiddle.net/0dmkxcab/

关于javascript - 网络开发新手，遇到错误(jsfiddle)，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/30757472/

25 4 0
文章推荐： javascript - 如何从 github 导入 React 组件？
文章推荐： javascript - polymer 下拉数据与 AJAX 响应绑定(bind)
文章推荐： javascript - Node js - 如何在模块中正确使用异步网络调用
文章推荐： javascript - 如何显示/隐藏网格中的所有列？
行者123
个人简介

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

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