alzami Posted December 11, 2013 Share Posted December 11, 2013 (edited) <!doctype html><html><head><meta charset="utf-8"><title>Untitled Document</title><style>.its{ width:32%; font-size:20px; color:blue; margin:0 auto; }#gets{ width:289px; height:50px; font-size:20px; color:black; background-color:white; }#divs{ width:289px;height:50px;font-size:20px;color:red;background-color:gray;display:none;position:absolute;top:13px;left:10px;border:1px solid black;}</style></head><body style="position:relative;"><div id="divs"><a href="#" onClick="solve();">ax^2+bx+c=0</a></div><form style="background-color:grey;display:inline-block;height:350px;width:300px;padding:10px;"><input type="text" id="gets" value="calculator(press CLR to begin)"></br><input type="button" value="0" onClick="calc(this.value);" class="its"><input type="button" value="1" onClick="calc(this.value);" class="its" ><input type="button" value="+" onClick="calc(this.value);" class="its"> <input type="button" value="2" onClick="calc(this.value);" class="its"><input type="button" value="3" onClick="calc(this.value);" class="its"><input type="button" value="-" onClick="calc(this.value);" class="its"><input type="button" value="4" onClick="calc(this.value);" class="its"><input type="button" value="5" onClick="calc(this.value);" class="its"><input type="button" value="/" onClick="calc(this.value);" class="its" ><input type="button" value="6" onClick="calc(this.value);" class="its"><input type="button" value="7" onClick="calc(this.value);" class="its"><input type="button" value="*" onClick="calc(this.value);" class="its"><input type="button" value="8" onClick="calc(this.value);" class="its"><input type="button" value="9" onClick="calc(this.value);" class="its" ><input type="button" value="=" onClick="ev('gets');" class="its"><input type="button" value="sqrt" onClick="sqr('gets');" class="its" ><input type="button" value="%" onClick="calc(this.value);" class="its"><input type="button" value="CLR" onClick="clr('gets');"class="its" ><input type="button" value="ln" onClick="lnit('gets');" class="its" ><input type="button" value="sin" onClick="trig('gets',Math.sin);" class="its" ><input type="button" value="tan" onClick="trig('gets',Math.tan);" class="its"><input type="button" value="cos" onClick="trig('gets',Math.cos);"class="its" ><input type="button" value="cosec(x)" onClick="rev_trig('gets',Math.sin);" class="its" ><input type="button" value="cot(x)" onClick="rev_trig('gets',Math.tan);" class="its"><input type="button" value="sec(x)" onClick="rev_trig('gets',Math.cos);"class="its" ><input type="button" value="x^(y)" onClick="power('gets');"class="its" ><input type="button" value="log2" onClick="log2('gets');"class="its" ><input type="button" value="log10" onClick="log10('gets');"class="its" ><input type="button" value="solve" onClick="solve_show('divs');"class="its" ><input type="button" value="X" onClick="calc(this.value);"class="its" ></form><script>var i=0;var t=300;function calc(i){document.getElementById("gets").value +=i; }function ev(el){var c=eval(document.getElementById("gets").value); document.getElementById("gets").value=c;}function clr(el){ var m=document.getElementById(el); m.value="";}function sqr(el){var c=document.getElementById(el);var v=Math.sqrt(c.value);c.value=v;}function lnit(el){ var c=document.getElementById(el); var v=Math.log(c.value); c.value=v;}function trig(el,oprtr){ var m=document.getElementById(el); var p=(m.value)*( Math.PI/180); var v=oprtr(p); m.value=v;}function power(el){ var m=document.getElementById(el); var v=prompt("put power : "); var p=Math.pow(m.value,v); m.value=p;}function log2(el){ var m=document.getElementById(el); for(;{ var d=Math.pow(2,i); if(d==m.value){ m.value=i; i=0; break; } i++; }}function log10(el){ var m=document.getElementById(el); for(;{ var d=Math.pow(10,i); if(d==m.value){ m.value=i; i=0; break; } i++; }} function rev_trig(el,oprtr){ var m=document.getElementById(el); var p=(m.value)*( Math.PI/180); var d=oprtr(p); var g=1/d; m.value=g;}function solve_show(el){ var m=document.getElementById(el); m.style.display="block";}function solve(){ var m=document.getElementById("divs"); m.style.display="none"; var c=document.getElementById("gets"); var a=prompt("put coeff of x^2"); var b=prompt("put coeff of x"); var c=prompt("put value of c"); var p=(b*b-4*a*c); var nom=Math.sqrt(p); var de_nom=2*a; var x1=(-b+nom)/de_nom; var x2=(-b-nom)/de_nom; c.value="x1 :"+ x1 + " x2 :"+ x2 ;}</script></body></html> problem is.... this script always giving x1 and x2 value NaN.what might be the reason? function solve(){ var m=document.getElementById("divs"); m.style.display="none"; var c=document.getElementById("gets"); var a=prompt("put coeff of x^2"); var b=prompt("put coeff of x"); var c=prompt("put value of c"); var p=(b*b-4*a*c); var nom=Math.sqrt(p); var de_nom=2*a; var x1=(-b+nom)/de_nom; var x2=(-b-nom)/de_nom; c.value="x1 :"+ x1 + "x2 :"+ x2 ;} is it ok? c.value="x1 :"+ x1 + " x2 :"+ x2 ; Edited December 11, 2013 by alzami Link to comment Share on other sites More sharing options...
Ingolme Posted December 11, 2013 Share Posted December 11, 2013 It might be because you're operating with strings. Try casting them to numbers: var a=prompt("put coeff of x^2");var b=prompt("put coeff of x");var c=prompt("put value of c");a = parseFloat(a); // Cast to numberb = parseFloat(; // Cast to numberc = parseFloat(c); // Cast to number Link to comment Share on other sites More sharing options...
alzami Posted December 11, 2013 Author Share Posted December 11, 2013 thanks.but i am cofused about the final portion of my problem. and it is ,is this right or not?i mean can i write inside a FORM lyk this c.value="x1 :"+ x1 + " x2 :"+ x2 ; Link to comment Share on other sites More sharing options...
Ingolme Posted December 11, 2013 Share Posted December 11, 2013 Yes, that line of code should work properly. It concatenates some values and then assigns it to the value of an input. Link to comment Share on other sites More sharing options...
alzami Posted December 11, 2013 Author Share Posted December 11, 2013 but its not showing anything inside the form text field. Link to comment Share on other sites More sharing options...
Ingolme Posted December 11, 2013 Share Posted December 11, 2013 It seems you've overwritten c here: var c=document.getElementById("gets");var c=prompt("put value of c"); So c.value doesn't exist. Link to comment Share on other sites More sharing options...
alzami Posted December 11, 2013 Author Share Posted December 11, 2013 thanks a lot . Link to comment Share on other sites More sharing options...
davej Posted December 12, 2013 Share Posted December 12, 2013 I'll give you a -1 for the silly for loops. 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