print 1 to 5 and even and odd in HTML and JavaScript
Question
I have to create a html page which satisfy below requirement- 1. print 1 to 5 with another array 2. take number input from textbox then print on page whether it is Even or Odd.
I have create a page but it is not working as desired.
<HTML>
<HEAD>
</HEAD>
<BODY>
<p id="demo"></p>
<input type="number" id="myNumber">
<button onclick="oddOrEven()">Try it</button>
<input type="text" name="result" id="result" readonly="true"/>
<SCRIPT>
var numbers = [1,2,3,4,5];
var myObjects = ["One","Two","Three","Four","Five"];
var text = "";
var myObjectsList =""
var i;
for (i = 0; i < numbers.length; i++) {
text += numbers[i] + " : " + myObjects[i] + "<br>";
}
document.getElementById("demo").innerHTML = text;
function oddOrEven() {
var value = document.getElementById("myNumber").value;
var res = if((value % 2) == 0) {"Even"} else {"Odd"}*/
//if(value % 2 == 0) document.write("Even")
//document.write(value);
//document.getElementById("demo").innerHTML = res;
readonly.value=res;
}
//document.write("Hello World!");
</SCRIPT>
</BODY>
</HTML>
Could someone please help me with the code.
2 answers
solution1
0 2017-07-05 12:04:57
There is a problem with the way you are assigning res , it should be as follows:
var res = value % 2 == 0 ? "Even" : "Odd";
Alternatively you can use an if statement if you want like so:
var res = "Odd";
if(value % 2 == 0) {
res = "Even";
}
In addition, there is also an issue with this line:
readonly.value=res;
In this case, readonly does not exist. You probably mean to do this:
document.getElementById("result").value = res;
solution2
0 ACCPTED 2017-07-05 12:07:48
please see the updated solution
var numbers = [1,2,3,4,5]; var myObjects = ["One","Two","Three","Four","Five"]; var text = ""; var myObjectsList ="" var i; for (i = 0; i < numbers.length; i++) { text += numbers[i] + " : " + myObjects[i] + "<br>"; } document.getElementById("demo").innerHTML = text; function oddOrEven() { var value = document.getElementById("myNumber").value; var res = value % 2 == 0 ? "Even" : "Odd"; document.getElementById("result").value=res; } //document.write("Hello World!");
<p id="demo"></p> <input type="number" id="myNumber"> <button onclick="oddOrEven()">Try it</button> <input type="text" name="result" id="result" readonly/>
Updated code
var numbers = [1,2,3,4,5]; var myObjects = ["One","Two","Three","Four","Five"]; var text = ""; var myObjectsList ="" var i; for (i = 0; i < numbers.length; i++) { text += numbers[i] + " : " + myObjects[i] + "<br>"; } document.getElementById("demo").innerHTML = text; function oddOrEven() { var value = document.getElementById("myNumber").value; var res = value % 2 == 0 ? "Even" : "Odd"; document.getElementById("result").innerHTML=res; }
<p id="demo"></p> <input type="number" id="myNumber"> <button onclick="oddOrEven()">Try it</button> <p id="result"></p>
Update2 Replace
<p id="result"></p>
with
<span id="result"></span>
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.