javascript - javascript多重计算,百分比倍数,除以
问题描述
*在HTML下面,我把它放上来上传这个问题。你应该忽略它。
我想执行多次计算。我已经被搜查并采用了我的东西,但一直失败。所以我想我需要更新每个代码并需要帮助。
有 2 个值,A 和 B。以及计算按钮。
当我按下按钮时,我希望它被计算为 A x 5% x 100 / B。
我感谢您的帮助。谢谢。
忽略此 HTML
<form>
<div>
<h4>value 1:</h4>
<input type="text" id="value1">
<h4>value 2:</h4>
<input type="text" id="value2">
</div>
<div>
<h4>Operator:</h4>
<select id="operator" value="add">
<option value="add"> Add </option>
</select>
</div>
<br>
<button type="button" onclick="cal()"> Calculate </button>
<h2 id="result"></h2>
</form>
解决方案
看看下面的代码片段。
请注意,我已使用您的 html 通过用户输入获取相应的值。
const cal = () => {
const A = value1.value,
B = value2.value;
const res = A * (5/100) * (100 / B);
result.innerText = `My result is ${res.toString().replace(".", ",")}`;
//console.log(res);
}
<form>
<div>
<h4>value 1:</h4>
<input type="text" id="value1" value=10>
<h4>value 2:</h4>
<input type="text" id="value2" value=20>
</div>
<div>
<h4>Operator:</h4>
<select id="operator" value="add">
<option value="add"> Add </option>
</select>
</div>
<br>
<button type="button" onclick="cal()"> Calculate </button>
<h2 id="result"></h2>
</form>
推荐阅读
- r - EC2 上的 R 未在单独的 AWS 账户中连接到 AthenaDB,不断抛出“无法从链中的任何提供商加载 AWS 凭证”
- c# - HttpClient 与 csrf_token 响应未经授权的错误
- c# - Blazor GetAsync 请求返回 401 状态代码
- python - Conv2D 到 Conv3D
- c# - 如何以简单有效的方式完成管理员对某些视图(MVC4 Razor)的访问?
- python - Django raising AppRegistryNotReady after update from to 1.9
- mysql - get values from multiple tables based on one foreign key
- flutter - Add dynamic list of Slivers returned by a function in CustomScrollView in flutter
- javascript - Promise chaining in AWS Lambda
- ios - 从 Xcode 的情节提要中选择 UIColor.systemGray2