如何使用Javascript制作简单的转换器 [英] How do I use Javascript to make a simple converter
问题描述
您好。我正在尝试在游戏中制作灵敏度转换器。我希望用户能够输入他们的鼠标灵敏度和游戏灵敏度，然后他们的新鼠标灵敏度，点击转换。我缺乏Javascript的知识，所以无论我已经完全打破了。
Hi. I'm trying to make a converter for sensitivity in a game. I want the user to be able to input their mouse sensitivity and game sensitivity, then their new mouse sensitivity, the click convert. I lack knowledge in Javascript, so whatever I have already will be completely broken.
<html>
<body>
<form>
<p>Current DPI</p>
<input id="curDpi">
</br>
<p>Current Sensitivity</p>
<input id="curSens">
</br>
<p>New DPI</p>
<input id="newDpi">
</br>
<button id="convert">Convert</button>
</br>
<p id="newSens"></p>
<script>
function convert(){
var curDpi = document.getElementById("curDpi");
var curSens = document.getElementById("curSens");
var newDpi = document.getElementById("newDpi");
var convert = curDpi.text * curSens.text / newDpi.text;
document.getElementById("newSens").innerHTML = convert;
}
document.getElementById("convert").onclick = convert();
</script>
</body>
</html>
这就是我所拥有的。我不知道足够的Javascript知道我做错了什么。据我所知，我的HTML已被破坏。我只是想制作一个简单的程序来节省人们的时间。我认为这与乘法有关。我不认为我从输入中获取文本。但是，我不知道。
Here's what I have. I don't know enough Javascript to have any idea what I'm doing wrong. For all I know my HTML is broken. I'm just trying to make a simple program to save people's time. I think it's to do with the multiplication. I don't think I'm getting the text from the input. But, I have no idea.
推荐答案
试试下面的代码可能会有所帮助。
Just try the code below may be it helps.
<html>
<head>
<script language="javascript">
function convertor(){
var curDpi = document.getElementById("curDpi");
var curSens = document.getElementById("curSens");
var newDpi = document.getElementById("newDpi");
var convert = parseInt(curDpi.value) * parseInt(curSens.value) / parseInt(newDpi.value);
document.getElementById("newSens").innerHTML = convert;
}
</script>
</head>
<body>
<form>
<p>Current DPI</p>
<input id="curDpi">
<p>Current Sensitivity</p>
<input id="curSens">
<p>New DPI</p>
<input id="newDpi">
<button id="convert" onclick="return convertor()">Convert</button>
<div id="newSens"></div>
</form>
</body>
</html>
希望我以正确的方式理解你的问题。
Hope I understood your problem in a correct manner.
你不能直接在按钮上写onclick，而不是在javascript中绑定它！
Can't you write onclick directly in button, instead of binding that in javascript!
这篇关于如何使用Javascript制作简单的转换器的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
