gpt4 book ai didi

javascript - 将文本框链接到由按钮运行的 JavaScript 方程

转载 作者:行者123 更新时间:2023-12-02 16:16:27 30 4
gpt4 key购买 nike

我一直在尝试将像 100, 45 这样的输入放入文本框中,并通过单击按钮通过我的方程式运行它,但我不知道该怎么做。单击按钮后,它应该发布答案作为警报。请帮忙。谢谢。

function Rad(a, b){
var Armor=a/(Math.sin((Math.PI/180)*b))
alert(Armor)
}
.box {
color: gray;
margin-top: 10px;
margin-left: 10px;
}
.equation {
color: #444;
font: inherit;
min-height: 2em;
border-radius: 3px;
padding-left: 4px;
border: 2px solid #bfbfbf;
}
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">
<link rel='stylesheet' href='style.css'/>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src='script.js'></script>
</head>
<body>
<div class="box">
<input class="equation" type="text">
</div>
<button onclick="Rad()">Click</button>
</body>
</html>

最佳答案

函数 Rad(a, b) 有 2 个参数。

要解决此问题,您必须删除 onClick="Rad()",因为您没有在此处传递任何参数。

利用jQuery附加一个click事件,如下所示,而不是从输入和获取值>将其拆分 , 并使用这 2 个值调用 Rad

$('#btnRad').click(function(){
var equVal = $('.equation').val().split(',');
Rad(equVal[0], equVal[1]);
});

function Rad(a, b){
var Armor=a/(Math.sin((Math.PI/180)*b))
alert(Armor)
}

HTML 已修改

<button id="btnRad">Click</button>

注意:这样您就可以重用Rad函数。

function Rad(a, b){
var Armor=a/(Math.sin((Math.PI/180)*b))
alert(Armor)
}

$('#btnRad').click(function(){
var equVal = $('.equation').val().split(',');
Rad(equVal[0], equVal[1]);

});
.box {
color: gray;
margin-top: 10px;
margin-left: 10px;
}
.equation {
color: #444;
font: inherit;
min-height: 2em;
border-radius: 3px;
padding-left: 4px;
border: 2px solid #bfbfbf;
}
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">
<link rel='stylesheet' href='style.css'/>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src='script.js'></script>
</head>
<body>
<div class="box">
<input class="equation" type="text">
</div>
<button id="btnRad">Click</button>
</body>
</html>

关于javascript - 将文本框链接到由按钮运行的 JavaScript 方程,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29519356/

30 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com