JavaScript 计算器结果闪烁

2023-12-13

我的代码:“已编辑,在所有变量前面添加了“var”,谢谢。我尝试删除

但当我这样做时它不起作用。
<head>
<title>Calculator</title>
<script language="javascript">
function calculate()
{
var v=parseInt(document.forms[0].txt1st.value);
var w=parseInt(document.forms[0].txt2nd.value);
var x=parseInt(document.forms[0].txt3rd.value);
var y=703;
var z = (v/w/x*y).toFixed(3);
document.getElementById("display").innerHTML=z;
}

</script>
</head>
<body>
<form name="cal" method="post" action="">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><input name="txt1st" type="text" id="txt1st"></td>
<td><input name="txt2nd" type="text" id="txt2nd"></td>
<td><input name="txt3rd" type="text" id="txt3rd"></td>
<td>x 703</td>
</tr>
</table>
<button onclick="calculate()">Calculate</button>
<div id="display"></div>
</body>

当我单击“计算”按钮时,结果会显示在 div 中,但只显示一瞬间,然后就消失了。请记住,我对 JavaScript 还很陌生。任何帮助表示赞赏,谢谢。


您正在提交表单,因此页面正在刷新。

Add return false;到你的结束calculate函数阻止表单提交。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

JavaScript 计算器结果闪烁 的相关文章

  • 自动调整Google网站嵌入代码的高度(html)

    我正在使用 Google 协作平台嵌入 HTML 代码 将代码粘贴到 从网络嵌入 窗口中 输出的长度是可变的 我希望有一种方法可以动态调整父级的高度iframeGoogle 协作平台用于托管我的 HTML 我知道我可以使用 Google 协
  • 如何在 Firefox 控制台中访问附加内容脚本?

    我为 Firefox 和 Chrome 开发了一个插件 它有内容脚本 我想在浏览器选项卡的控制台中访问它们 在 Firefox 上网页控制台 https developer mozilla org en US docs Tools Web
  • 滚动时输入自动完成位置错误(chrome)

    我在输入文本的默认自动完成功能方面遇到了一些麻烦 滚动时它不会相应移动 我希望自动完成文本保留在输入的正下方 有办法做到这一点吗 我在 Chrome 浏览器版本 57 0 2987 133 中发生这种情况 fiddle https jsfi
  • Javascript - 在加载所有图像后执行

    看了别人的问题我想 window onload 会回答我的问题 我已经尝试过这个 但它会在页面加载时立即执行代码 而不是在图像加载之后 如果有什么区别的话 图像来自 CDN 并且不是相对的 有人知道解决办法吗 我没有使用 jQuery 想要
  • html 表格单元格的条件格式

    是否有现成的解决方案可以对 HTML 表格进行条件格式设置 通过条件格式 我更感兴趣的是根据该列或其他列 在同一个表中 的值 数字 将不同的颜色作为单元格背景 类似于我们在 Excel 条件格式 gt 色阶 gt 红黄绿中的内容 我想在通过
  • 打开 md-calendar 时滚动到当前日期

    目前正在构建一个使用 Angular Material 的应用程序 我们需要一个 md calendar 组件 我们想要自定义按钮样式和内容 因此不使用普通的 md datepicker 问题是 当 md calender 打开时 滚动位置
  • 限制可选 DOM 复选框

    我试图限制用户可以选择的复选框数量 这些复选框是为数组中的每个项目生成的 DOM 输入对象 我目前对此没有运气 因此非常感谢任何帮助 谢谢 在这里小提琴 http jsfiddle net vVxM2 222 http jsfiddle n
  • 在 jQuery 可排序中对多个选定项目进行排序?

    我试图在 jQuery 可排序集中选择多个项目 然后将选定的项目一起移动 这是我的弱点开始尝试使其发挥作用 http jsfiddle net benstenson CgD8Y 这是代码 HTML div class container d
  • 如何调用 google 的 getBasicProfile() 来仅单击按钮即可登录 google?

    我在我的网站上使用谷歌登录
  • ToggleClass 动画 jQuery?

    我的网站上有一个部分 当用户单击时我希望它展开 我正在使用 jQuerytoggleClass为了这 expandable function e e preventDefault this closest article toggleCla
  • 在管道中重用变量的功能方式

    在 javascript 和 typescript 中与 Ramda 一起使用函数式编程 我经常发现自己编写如下代码 const myFun c gt const myId c id const value pipe getAnotherO
  • 为什么将 x 和 y 设置为 0 时 svg 文本会消失?

    我刚刚开始阅读有关svg我提出了以下问题 我正在创建一个简单的svg with a text里面如下图所示 从我的阅读中我了解到x and y of the text标签声明文本在标签内的位置svg space 为什么当我同时设置x and
  • 在 React Navigation 中将 props 传递给自定义抽屉导航器

    在反应导航抽屉菜单中 我想显示用户名 John Doe 它处于我的主要组件的状态 Router 我怎样才能将自定义抽屉内容组件传递给它 额外信息 我从 AsyncStorage 中获取此名称 组件已挂载 这是我的代码 export defa
  • 如何使用 vanilla JS 实现可维护的反应式 UI

    今天我遇到了一个问题 可以通过使用像 Vue 这样的反应式和状态管理框架来轻松解决 遗憾的是 无法使用它 以下 简化 情况 链接到代码笔 https codepen io theiaz pen BazErKV 我们有一个服务器渲染的页面 其
  • Node.js 未处理的“错误”事件

    我编写了一个简单的代码并将其保存在文件 try js 中 var http require http var makeRequest function message var options host localhost port 8080
  • 从 DirectionsRenderer 中获取折线或标记的事件

    我正在使用 DirectionsService 和路线方法来生成 DirectionsResult 我还使用 DirectionsRenderer 对象来显示结果 因为它非常易于使用 我在检测 Directions changed 事件时没
  • MongoDB中如何通过引用字段进行查询?

    我有两个 Mongo 模式 User id ObjectId name String country ObjectId Reference to schema Country Country id ObjectId name String
  • Node.js - 重载函数

    有没有一种方法可以重载node js中的函数 类似于 noSuchMethod https developer mozilla org en JavaScript Reference Global Objects Object noSuch
  • Node npm 包抛出使用严格:全局发布和安装后未找到命令

    我正在尝试发布 npm 包 当我全局安装该包并尝试运行 cli 命令时 我收到此错误 nvm versions node v0 12 2 bin myPack line 1 use strict command not found nvm
  • 使用 JQuery 根据下拉列表选择的值显示/隐藏控件

    我正在尝试使用 JQuery 根据下拉菜单的选定索引显示 隐藏 div 标签 但它不起作用 任何帮助将不胜感激 Thanks

随机推荐

  • Rails 在 save() 失败后不会回滚事务

    我有这个域模型 用户拥有一组项目 并且项目的状态可能无法通过验证 验证工作正常 我什至看到当我使用时会调用异常save 在我的控制器中 我有这个 user items lt lt item if user save render json
  • 在 graphql 中嵌套数据的正确方法是什么?

    我的数据库中有一个地址 我已将其放入location哈希 哈希包含单独的键streetAddress city state and zipCode 我已将数据像这样嵌套在我的 graphql 架构文件中 location streetAdd
  • 导入使用原始文件,但不在 IDLE 中

    10秒后更新现在已正确修复 感谢 JF 和 Gauden UPDATE我通过将 IDLE 文件保存在其他工作文件所在的目录中找到了临时修复程序 如果可以的话 我仍然想知道如何完全修复它 这不是永久修复 因此如果您想尝试并帮助使其在保存文件的
  • -webkit 和 -moz 浏览器中的字体大小不同

    检查这个jsfiddle 为什么日期选择器的大小存在差异font size被设定为1 5em em 的数量并不重要 我尝试了不同的字体大小 但仍然遇到同样的问题 红色框设置为 460px 您可以在其中看到 Firefox 和 chrome
  • 需要使用批处理从字符串中获取所需的数据

    我只需要提取给定字符串中的 URL 和应用程序 ID 并保存在变量中 url url ad ifwcash com www delivery afr php zoneid 127 cb 2015738640 app 61 最终结果如 var
  • GHCi 中函数的类型推断与从文件加载的不同

    我写了一个函数add in test hs add x y gt x y 然后我加载了test hs在 GHCi 版本 7 8 3 中 并输入 t add 观看什么类型add 是 结果看起来不正确 Main gt t add add Int
  • 将 Maven 项目作为依赖项添加到 Android Studio 应用程序

    我目前正在使用 Android Studio 1 2 开发 Android 应用程序 我想在我的 Android 应用程序中使用外部 Java 项目作为依赖项 该 Java 项目是一个 Maven 项目 如何将此项目作为依赖项直接添加到我的
  • NFC 标签检测后我的 cordova 应用程序未启动

    我在用Apache cordova构建 Android 应用程序 我提出了申请NFC特征 我们已经将数据写入 NFC 标签 其中mimetype myApp firstNFCApp 在我的应用程序中 每当检测到带有此标记的标签时mimety
  • MVVM 中的数据模板是否已过时?

    我创建了以下模型 简化了代码以说明情况 public abstract class Account public string Name get set public class Person Account public string F
  • 将 SOAP 与 Ruby 结合使用的最佳方式是什么?

    我的一位客户要求我将第 3 方 API 集成到他们的 Rails 应用程序中 唯一的问题是 API 使用 SOAP Ruby 基本上已经放弃了 SOAP 转而采用 REST 他们提供了一个 Java 适配器 显然可以与 Java Ruby
  • 将嵌套整数数组转换为平面整数数组 - javascript

    我的问题的工作背景是数据可视化 以这种方式将嵌套整数数组转换为平面整数数组是否正确 var inputArray 1 2 3 4 5 6 7 8 9 10 var inputArrayStr inputArray toString var
  • Python - 如何获取 CSV 文件中所有列的数据类型?

    我正在尝试从 CSV 文件中获取每列的所有数据类型 文件中没有关于数据类型的文档 手动检查将需要很长时间 它有 150 列 开始使用这种方法 df pd read csv tmp file csv gt gt gt df dtypes a
  • *Result 和 *ResultWCF 服务中指定的参数?

    在我的 WCF 服务中 我有一个函数 例如 bool ValidateLogin string user string password 在我将其托管在 Windows azure 并将引用添加到我的 Web 应用程序中后 该函数变为 bo
  • 输入样式=文件作为按钮

    我试图在 input file 又名上传器中添加一些样式 但我遇到了困难 是否有一些非 FLASH 解决方案 可能是 jquery 甚至是纯 JavaScript 这是可行的 但并不那么容易 您需要使用普通输入元素 按钮来模拟文件输入 并用
  • Java 中不同类型的泛型类的静态成员是否不同?

    Spence 问了这个上一个问题 那么 这在 Java 中是如何工作的呢 Java 中泛型类型在运行时会被丢弃 那么用不同泛型类型实例化的类的静态变量会发生什么情况呢 Java 中的静态成员不能具有来自包含它们的类的泛型类型参数 publi
  • 委托从模态呈现的视图控制器传回数据

    假设我们有两个视图控制器 一个带有标签的父视图控制器和一个带有表格视图的模态呈现子视图控制器 如何使用委托将用户在表视图中的选择传递回父级 视图控制器1 var delegate vc2delegate override func view
  • Slick-carousel 如何在通过 youtube api 打开视频时停止自动播放

    嗨 我在获得光滑的旋转木马时遇到了麻烦 http kenwheeler github io slick 当我在滑块内使用 YouTube 剪辑时停止自动播放 有人说我可以使用 onAfterChange 但仍然不知道如何在视频打开时关闭自动
  • RSA加密-字节数组和字符串之间的转换[重复]

    这个问题在这里已经有答案了 我正在尝试实现 RSA 加密 它能够执行以下操作 接受字符串值作为使用公钥加密的输入 以字符串形式返回加密的密码 接受加密密码作为使用私钥解密的输入 返回解密后的原始值 如果我直接解密 我就能使加密 解密工作by
  • Java - 将 CSV 文件拆分为数组

    我已经成功地根据逗号分割了 CSV 文件 我通过在有 的地方放置一个虚拟字符串 然后根据虚拟字符串进行分割来做到这一点 但是 CSV 文件包含以下内容 something something something something some
  • JavaScript 计算器结果闪烁

    我的代码 已编辑 在所有变量前面添加了 var 谢谢 我尝试删除 但当我这样做时它不起作用