Trouble with html input box
Question
I'm making a basic usd converter for practice in html/javascript. However when I select the euro option it does the same as for the peso option.
<html>
<head>
<title>Currency Converter</title>
<style>
</style>
</head>
<body>
<input id="amount"> </input>
<p>usd Contverted to</p>
<p class="output"> </p>
<select id="select"> <option value="1">Peso's</option> <option value="2">Euro's</option> </select>
<p id="answer"> is </p>
<input type="submit" value="Submit" onclick="run()">
<script>
function run() {
var Amount = document.getElementById("amount").value;
if (select = 1) {
document.getElementById("answer").innerHTML = "=-=-= " + Amount * 16.39 + " =-=-=";
} else if (select = 2) {
document.getElementById("answer").innerHTML = "=-=-= " + Amount * 0.9 + " =-=-=";
} else {
}
</script>
</body>
</html>
3 answers
solution1
1 2015-08-14 07:41:04
You are not comparing select,you are setting it.
if (select == 1) {
document.getElementById("answer").innerHTML = ...
} else if (select == 2) {
- = -> setting a value
- == -> comparing
solution2
1 2015-08-14 07:43:01
它应该是select == 1 select=1将始终返回true，因为这样，您只是在分配一个值，而不检查是否相等
solution3
0 ACCPTED 2015-08-14 07:44:31
- You are not getting value of select
- You are not comparing select value in if condition, make it as select == 1 and select == 2
Change your javaScript function as below
function run() {
var Amount=document.getElementById("amount").value;
var select=document.getElementById("select").value;
if (select == 1) {
document.getElementById("answer").innerHTML = "=-=-= " + Amount * 16.39 + " =-=-=";
} else if (select == 2) {
document.getElementById("answer").innerHTML = "=-=-= " + Amount * 0.9 + " =-=-=";
} else {
}
}
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.
Related Question
html input box disappear
Input validation in input box in HTML
Trouble Getting HTML Input Into JS
Javascript add file input box button trouble
Web automation login input box trouble
HTML input box without a form
HTML Dropdown Box with Search and Input
Input in a messageDialog box [HTML / Javascript]
HTML Input box is not triggering the events
Stretching a HTML Input Box alongside additional input?
Related Tags