alzami Posted December 9, 2013 Share Posted December 9, 2013 the "+" sign is not adding in the div with others.why this happens.other numbers works fine but symbols don't acting like them <!doctype html><html><head><meta charset="utf-8"><title>Untitled Document</title><style>#inpts{ width:50px; height:50px; border:1px solid black; }</style></head><body><div id="inpts"></div><input type="button" value=" 1 " onClick="gets('inpts',1);"><input type="button" value=" 2 " onClick="gets('inpts',2);"><input type="button" value=" + " onClick="gets('inpts',+);"><input type="button" value=" = " onClick="gets('inpts',=);"><script>function gets(el,n){var m=document.getElementById(el);m.innerHTML += n; }</script></body></html> Link to comment Share on other sites More sharing options...
Don E Posted December 9, 2013 Share Posted December 9, 2013 Try putting the + symbol and = symbol in quotes like: '+' '='. The reason why it may not work the way you're doing it is because the JavaScript parser is assuming you're trying to use those symbols for some kind of operation, like adding two numbers together using the plus symbol like 2+ 2 and the equal symbol to assign a value to a variable like var car = "BMW"; Link to comment Share on other sites More sharing options...
justsomeguy Posted December 9, 2013 Share Posted December 9, 2013 The innerHTML property is not a number, it is a string. InnerHTML is always a string. Javascript uses the + operator also for string concatenation, so when one of the operands is a string then it concatenates instead of adds. You need to use a function like parseInt or parseFloat to convert the string to a number, then add. Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now