blocks|key|4554275|text|需要修正的事情:+1)当引用一个input元素时，赋值给value，而不是innerHTML。(它们没有内容，因此没有innerHTML。2)以关键字function开始函数声明。3)是parseFloat，不是parsefloat。JavaScript区分大小写。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|4554276|最小固定代码：|4554277|​|4554278|function+showresult(choise){
var+n1=parseFloat(document.getElementById('num1').value);
var+n2=parseFloat(document.getElementById('num2').value);
var+r;
var+c=choise;

switch(c)
	{
	case+'1':
		r=n1%2Bn2;
		break;
	case+'2':
		r=n1-n2;
		break;
	case+'3':
		r=n1*n2;
		break;
	case+'4':+
		r=n1/n2;
		break;
	case+'5':
		r=n2*100/n1;
		break;
	default:
		break;
			
	}
document.getElementById('result').value=r;

	

}|code-block|syntax|javascript|4554279|<!DOCTYPE+html>
<html>
<head>
<title>Calculator</title>
<script+src="calculator.js"+type="text/javascript"></script>
</head>
<body>


<h1>My+calculator</h1>
<table+border="1"+cellpadding="5"+cellspacing="5"+width="600">
<tr+align="center">
<td>First+number</td>
<td>Second+Number</td>
<td>Result</td>
</tr>
<tr+align="center">
<td><input+name="number1"+type="text"+size=10+id='num1'/></td>
<td><input+name="number2"+type="text"+size=10+id='num2'/></td>
<td>+<input+type="text"+id='result'+readonly+></td>
</tr>
<tr>
<td+colspan="3">
<button+onclick="showresult('1')">%2B</button>
<button+onclick="showresult('2')">-</button>
<button+onclick="showresult('3')">*</button>
<button+onclick="showresult('4')">/</button>
<button+onclick="showresult('5')">%25</button>
</td>
</tr>

</table>
</body>
</html>|4554280|4554281|entityMap^0|G|5|S|5|11|9|1N|9|23|8|2L|A|2Y|A|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|T|8|@$9|U|A|V|B|C]|$9|W|A|X|B|C]|$9|Y|A|Z|B|C]|$9|10|A|11|B|C]|$9|12|A|13|B|C]|$9|14|A|15|B|C]|$9|16|A|17|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|18|8|@]|D|@]|E|$]]|$1|H|3|I|5|6|7|19|8|@]|D|@]|E|$]]|$1|J|3|K|5|L|7|1A|8|@]|D|@]|E|$M|N]]|$1|O|3|P|5|L|7|1B|8|@]|D|@]|E|$M|N]]|$1|Q|3|I|5|6|7|1C|8|@]|D|@]|E|$]]|$1|R|3|-4|5|6|7|1D|8|@]|D|@]|E|$]]]|S|$]]

<p>Things to fix:
1) Assign to <code>value</code>, not <code>innerHTML</code>, when referring to an <code>input</code> element. (They have no content, hence no <code>innerHTML</code>.
2) Start a function declaration with the keyword <code>function</code>.
3) It’s <code>parseFloat</code>, not <code>parsefloat</code>. JavaScript is case-sensitive.</p>

<p>Minimally fixed code:</p>

<p><div class="snippet" data-lang="js" data-hide="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>function showresult(choise){
var n1=parseFloat(document.getElementById('num1').value);
var n2=parseFloat(document.getElementById('num2').value);
var r;
var c=choise;

switch(c)
	{
	case '1':
		r=n1+n2;
		break;
	case '2':
		r=n1-n2;
		break;
	case '3':
		r=n1*n2;
		break;
	case '4': 
		r=n1/n2;
		break;
	case '5':
		r=n2*100/n1;
		break;
	default:
		break;
			
	}
document.getElementById('result').value=r;

	

}</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;head&gt;
&lt;title&gt;Calculator&lt;/title&gt;
&lt;script src="calculator.js" type="text/javascript"&gt;&lt;/script&gt;
&lt;/head&gt;
&lt;body&gt;


&lt;h1&gt;My calculator&lt;/h1&gt;
&lt;table border="1" cellpadding="5" cellspacing="5" width="600"&gt;
&lt;tr align="center"&gt;
&lt;td&gt;First number&lt;/td&gt;
&lt;td&gt;Second Number&lt;/td&gt;
&lt;td&gt;Result&lt;/td&gt;
&lt;/tr&gt;
&lt;tr align="center"&gt;
&lt;td&gt;&lt;input name="number1" type="text" size=10 id='num1'/&gt;&lt;/td&gt;
&lt;td&gt;&lt;input name="number2" type="text" size=10 id='num2'/&gt;&lt;/td&gt;
&lt;td&gt; &lt;input type="text" id='result' readonly &gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td colspan="3"&gt;
&lt;button onclick="showresult('1')"&gt;+&lt;/button&gt;
&lt;button onclick="showresult('2')"&gt;-&lt;/button&gt;
&lt;button onclick="showresult('3')"&gt;*&lt;/button&gt;
&lt;button onclick="showresult('4')"&gt;/&lt;/button&gt;
&lt;button onclick="showresult('5')"&gt;%&lt;/button&gt;
&lt;/td&gt;
&lt;/tr&gt;

&lt;/table&gt;
&lt;/body&gt;
&lt;/html&gt;</code></pre>
</div>
</div>
</p>


blocks|key|4554298|text|确保您正确地声明了函数。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4554299|function+showresult(choise)+{
/*+...+*/
}|code-block|syntax|javascript|4554300|另外，请记住，Javascript是大小写敏感的，因此解析浮点数的正确方法是输入。最后，正如gillesc所指出的，在parseFloat()元素上使用属性value。document.getElementById('result').value=r;|offset|length|style|CODE|4554301|entityMap^0|0|0|1N|C|26|5|2C|16|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Q|8|@$I|R|J|S|K|L]|$I|T|J|U|K|L]|$I|V|J|W|K|L]]|9|@]|A|$]]|$1|M|3|-4|5|6|7|X|8|@]|9|@]|A|$]]]|N|$]]

<p>Make sure you declare the function correctly.</p>

<pre><code>function showresult(choise) {
/* ... */
}
</code></pre>

<p>Also, remember that Javascript is case sensitive therefore the right way to parse a float is
<code>parseFloat()</code>
Lastly, as pointed out by gillesc, use the attribute <code>value</code> on the input element.
<code>document.getElementById('result').value=r;</code></p>


blocks|key|4554320|text|你可以在你的代码中使用它|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4554321|function+calc(form)+{
++++++var+D+=+"0";
++++++var+A+=+document.getElementById("num1").value;
++++++var+B+=+document.getElementById("op").value;
++++++var+C+=+document.getElementById("num2").value;

++++++switch(B){
++++++++++case'%2B':
++++++++++D=+parseInt(A)%2BparseInt(C);+break;
++++++++++case'-':
++++++++++D=+parseInt(A)-parseInt(C);+break;
++++++++++case'*':
++++++++++D=parseInt(A)*parseInt(C);+break;
++++++++++case'/':
++++++++++D=parseInt(A)/parseInt(C);+break;
++++++}
}|code-block|syntax|javascript|4554322|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>You can use this in your code</p>

<pre><code>function calc(form) {
      var D = "0";
      var A = document.getElementById("num1").value;
      var B = document.getElementById("op").value;
      var C = document.getElementById("num2").value;

      switch(B){
          case'+':
          D= parseInt(A)+parseInt(C); break;
          case'-':
          D= parseInt(A)-parseInt(C); break;
          case'*':
          D=parseInt(A)*parseInt(C); break;
          case'/':
          D=parseInt(A)/parseInt(C); break;
      }
}
</code></pre>


blocks|key|4554337|text|​|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4554338|<script>

	var+num1;
	var+op;
	
	function+pressBtn(value){
		var+prev+=+document.forms["calc"]["display"].value;
		if+(!(prev+==+""+&&+value==0)){
			var+newval+=+prev%2Bvalue;
			document.forms["calc"]["display"].value+=+newval;
		}
		+
	}
	
	function+pressOP(operator){
		op+=+operator;
		var+display+=+document.forms["calc"]["display"].value;
		num1+=+parseInt(display);
		document.forms["calc"]["display"].value+=+"";
	}
	
	function+pressEq(){
		var+display+=+document.forms["calc"]["display"].value;
		var+num2+=+parseInt(display);
		switch(op){
			case+"P":
				var+ans=num1%2Bnum2;
				break;
			case+"M":
				var+ans=num1-num2;
				break;	
		}
		document.forms["calc"]["display"].value+=+ans;
	}
</script>|code-block|syntax|javascript|4554339|<style>
	input[type=button]{
		width:+100px;
		height:+100px;
		font-size:+36px;
		margin:+5px;
	}	
	input[type=text]{
		width:+300px;
		height:+75px;
		font-size:+48px;
		margin:+5px;
		text-align:+right;
	}
</style>|4554340|<body+style="background:+#ccc;">
	<div+style="width:+500px;+margin:+auto;+background:+#fff;+text-align:+center">
		<form+name="calc">
			<input+type="text"+name="display"+readonly+><br>
			<input+type="button"+name="btn7"+value="7"+onClick="pressBtn(7)">
			<input+type="button"+name="btn8"+value="8"+onClick="pressBtn(8)">
			<input+type="button"+name="btn9"+value="9"+onClick="pressBtn(9)"><br>
			<input+type="button"+name="btn4"+value="4"+onClick="pressBtn(4)">
			<input+type="button"+name="btn5"+value="5"+onClick="pressBtn(5)">
			<input+type="button"+name="btn6"+value="6"+onClick="pressBtn(6)"><br>
			<input+type="button"+name="btn1"+value="1"+onClick="pressBtn(1)">
			<input+type="button"+name="btn2"+value="2"+onClick="pressBtn(2)">
			<input+type="button"+name="btn3"+value="3"+onClick="pressBtn(3)"><br>
			<input+type="button"+name="btn0"+value="0"+onClick="pressBtn(0)">
++++++++++++<input+type="button"+name="btnPlus"+value="%2B"+onClick="pressOP('P')"+>
++++++++++++<input+type="button"+name="btnPlus"+value="-"+onClick="pressOP('M')"+><br>
++++++++++++<input+type="button"+name="btnEq"+value="="+onClick="pressEq();"+>
		</form>
	</div>
</body>|4554341|4554342|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|O|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|I|3|J|5|D|7|Q|8|@]|9|@]|A|$E|F]]|$1|K|3|4|5|6|7|R|8|@]|9|@]|A|$]]|$1|L|3|-4|5|6|7|S|8|@]|9|@]|A|$]]]|M|$]]

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>&lt;script&gt;

	var num1;
	var op;
	
	function pressBtn(value){
		var prev = document.forms["calc"]["display"].value;
		if (!(prev == "" &amp;&amp; value==0)){
			var newval = prev+value;
			document.forms["calc"]["display"].value = newval;
		}
		 
	}
	
	function pressOP(operator){
		op = operator;
		var display = document.forms["calc"]["display"].value;
		num1 = parseInt(display);
		document.forms["calc"]["display"].value = "";
	}
	
	function pressEq(){
		var display = document.forms["calc"]["display"].value;
		var num2 = parseInt(display);
		switch(op){
			case "P":
				var ans=num1+num2;
				break;
			case "M":
				var ans=num1-num2;
				break;	
		}
		document.forms["calc"]["display"].value = ans;
	}
&lt;/script&gt;</code></pre>
<pre class="snippet-code-css lang-css prettyprint-override"><code>&lt;style&gt;
	input[type=button]{
		width: 100px;
		height: 100px;
		font-size: 36px;
		margin: 5px;
	}	
	input[type=text]{
		width: 300px;
		height: 75px;
		font-size: 48px;
		margin: 5px;
		text-align: right;
	}
&lt;/style&gt;</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;body style="background: #ccc;"&gt;
	&lt;div style="width: 500px; margin: auto; background: #fff; text-align: center"&gt;
		&lt;form name="calc"&gt;
			&lt;input type="text" name="display" readonly &gt;&lt;br&gt;
			&lt;input type="button" name="btn7" value="7" onClick="pressBtn(7)"&gt;
			&lt;input type="button" name="btn8" value="8" onClick="pressBtn(8)"&gt;
			&lt;input type="button" name="btn9" value="9" onClick="pressBtn(9)"&gt;&lt;br&gt;
			&lt;input type="button" name="btn4" value="4" onClick="pressBtn(4)"&gt;
			&lt;input type="button" name="btn5" value="5" onClick="pressBtn(5)"&gt;
			&lt;input type="button" name="btn6" value="6" onClick="pressBtn(6)"&gt;&lt;br&gt;
			&lt;input type="button" name="btn1" value="1" onClick="pressBtn(1)"&gt;
			&lt;input type="button" name="btn2" value="2" onClick="pressBtn(2)"&gt;
			&lt;input type="button" name="btn3" value="3" onClick="pressBtn(3)"&gt;&lt;br&gt;
			&lt;input type="button" name="btn0" value="0" onClick="pressBtn(0)"&gt;
            &lt;input type="button" name="btnPlus" value="+" onClick="pressOP('P')" &gt;
            &lt;input type="button" name="btnPlus" value="-" onClick="pressOP('M')" &gt;&lt;br&gt;
            &lt;input type="button" name="btnEq" value="=" onClick="pressEq();" &gt;
		&lt;/form&gt;
	&lt;/div&gt;
&lt;/body&gt;</code></pre>
</div>
</div>
</p>


blocks|key|4554348|text|​|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4554349|var+cnum+=+document.getElementsByClassName('c-num')[0];
var+cope+=+document.getElementsByClassName('c-operator')[0];
var+intom+=+document.getElementById('intop');
var+inbottom+=+document.getElementById('inbottom');
var+newinbottom;
var+newinbottom2;
var+sign;
for(i=0;i<10;i%2B%2B){
	cnum.innerHTML+%2B='<span+class="numb"+value="'%2Bi%2B'"+id="numid'%2Bi%2B'"+onclick="puton('%2Bi%2B')">'%2Bi%2B'</span>';
}
document.getElementById('numid0').style.order+=+"1";
function+puton(numb){
		inbottom.value+%2B=+numb	
}
function+ans(answer){
	//console.log(sign)
		if(inbottom.value+==''){
		+++alert('type+input');
		+++}else+if(sign+==+"plus"){
		newinbottom2+=+inbottom.value;
		intom.value+=+inbottom.value;
			inbottom.value+=+parseInt(newinbottom)+%2B+parseInt(newinbottom2);+++
	}else+if(sign+==+"minus"){
			+newinbottom2+=+inbottom.value;
		intom.value+=+inbottom.value;
			inbottom.value+=+newinbottom+-+newinbottom2;
			+}else+if(sign+==+"divi"){
				newinbottom2+=+inbottom.value;
		intom.value+=+inbottom.value;
			inbottom.value+=+newinbottom+/+newinbottom2;
			+}else+if(sign+==+"mul"){
				newinbottom2+=+inbottom.value;
		intom.value+=+inbottom.value;
			inbottom.value+=+newinbottom+*+newinbottom2;
			+}
			
			sign+='';
	
}
function+opr(opra){
	if(sign+!=+''+&&+sign+!=+undefined){
		ans();
	}
	else+if(opra+==+"clr"){
			+	intom.value+=''
			+	inbottom.value+='';
				newinbottom='';
				newinbottom='';
			+	sign+='';
			+}
	else+if(opra+==+"plus"){
	newinbottom+=+inbottom.value;
	intom.value+=+inbottom.value;
	inbottom.value+=+'';
		sign+=+"plus";
	}else+if(opra+==+"minus"){
	newinbottom+=+inbottom.value;
	intom.value+=+inbottom.value;
	inbottom.value+=+'';
			+sign+=+"minus";
			+}else+if(opra+==+"divi"){
	+newinbottom+=+inbottom.value;
	intom.value+=+inbottom.value;
	inbottom.value+=+'';
				sign+=+"divi";
			+}else+if(opra+==+"mul"){
+	newinbottom+=+inbottom.value;
	intom.value+=+inbottom.value;
	inbottom.value+=+'';
				sign+=+"mul";
			+}
}|code-block|syntax|javascript|4554350|.main{
	width:100vw;
	height:+100vh;
	display:+flex;
++++justify-content:+center;
	}
	.c-body+{
++++width:+400px;
++++height:+255px;
++++background:+#ccc;
++++border:+1px+solid;
	}
	.c-num{
		width:+100%25;
		display:+flex;
		flex-wrap:+wrap;
	}
	.c-operator{
		flex-shrink:+1;
		display:+flex;
		flex-wrap:+wrap;
		flex-direction:+column;
	}
	.c-row{
		display:+flex;
++		flex-flow:+row;
	}
	.c-operator+[id%5E='numid']{
	width:+90px;
	flex-direction:+initial;
	}
	[id%5E='numid']+{
++++display:+flex;
++++flex-shrink:+1;
++++background:+#fff;
++++padding:+4px;
++++margin:+4px;
++++width:+80px;
++++justify-content:+center;
++++cursor:+pointer;
	flex-direction:+inherit;
}
	.c-minputs+.inbox{
		display:+block;
		width:+100%25;
	}
	[id%5E='numid']:hover{
		background:+#f5f5f5;
	}|4554351|<div+class="main">
		<div+class="c-body">
			<div+class="c-minputs">
				<input+id="intop"+type="number"+class="topin+inbox"+disabled>
			<input+id="inbottom"+type="number"+class="bottomin+inbox"+placeholder="Type+Here">
	</div>
	<div+class="c-row">
	<div+class="c-num">
			
			</div>
			<div+class="c-operator">
		<span+class="numb"+id="numidplus"+onclick="opr('plus')">%2B</span>
		<span+class="numb"+id="numidminus"+onclick="opr('minus')">-</span>
		<span+class="numb"+id="numiddiv"+onclick="opr('divi')">/</span>
		<span+class="numb"+id="numidmul"+onclick="opr('mul')">*</span>
		<span+class="numb"+id="numidans"+onclick="ans('answer')">=</span>
		<span+class="numb"+id="numidclr"+onclick="opr('clr')">c</span>
		</div>
	</div>
		</div>
	</div>|4554352|4554353|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|O|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|I|3|J|5|D|7|Q|8|@]|9|@]|A|$E|F]]|$1|K|3|4|5|6|7|R|8|@]|9|@]|A|$]]|$1|L|3|-4|5|6|7|S|8|@]|9|@]|A|$]]]|M|$]]

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>var cnum = document.getElementsByClassName('c-num')[0];
var cope = document.getElementsByClassName('c-operator')[0];
var intom = document.getElementById('intop');
var inbottom = document.getElementById('inbottom');
var newinbottom;
var newinbottom2;
var sign;
for(i=0;i&lt;10;i++){
	cnum.innerHTML +='&lt;span class="numb" value="'+i+'" id="numid'+i+'" onclick="puton('+i+')"&gt;'+i+'&lt;/span&gt;';
}
document.getElementById('numid0').style.order = "1";
function puton(numb){
		inbottom.value += numb	
}
function ans(answer){
	//console.log(sign)
		if(inbottom.value ==''){
		   alert('type input');
		   }else if(sign == "plus"){
		newinbottom2 = inbottom.value;
		intom.value = inbottom.value;
			inbottom.value = parseInt(newinbottom) + parseInt(newinbottom2);   
	}else if(sign == "minus"){
			 newinbottom2 = inbottom.value;
		intom.value = inbottom.value;
			inbottom.value = newinbottom - newinbottom2;
			 }else if(sign == "divi"){
				newinbottom2 = inbottom.value;
		intom.value = inbottom.value;
			inbottom.value = newinbottom / newinbottom2;
			 }else if(sign == "mul"){
				newinbottom2 = inbottom.value;
		intom.value = inbottom.value;
			inbottom.value = newinbottom * newinbottom2;
			 }
			
			sign ='';
	
}
function opr(opra){
	if(sign != '' &amp;&amp; sign != undefined){
		ans();
	}
	else if(opra == "clr"){
			 	intom.value =''
			 	inbottom.value ='';
				newinbottom='';
				newinbottom='';
			 	sign ='';
			 }
	else if(opra == "plus"){
	newinbottom = inbottom.value;
	intom.value = inbottom.value;
	inbottom.value = '';
		sign = "plus";
	}else if(opra == "minus"){
	newinbottom = inbottom.value;
	intom.value = inbottom.value;
	inbottom.value = '';
			 sign = "minus";
			 }else if(opra == "divi"){
	 newinbottom = inbottom.value;
	intom.value = inbottom.value;
	inbottom.value = '';
				sign = "divi";
			 }else if(opra == "mul"){
 	newinbottom = inbottom.value;
	intom.value = inbottom.value;
	inbottom.value = '';
				sign = "mul";
			 }
}
	</code></pre>
<pre class="snippet-code-css lang-css prettyprint-override"><code>.main{
	width:100vw;
	height: 100vh;
	display: flex;
    justify-content: center;
	}
	.c-body {
    width: 400px;
    height: 255px;
    background: #ccc;
    border: 1px solid;
	}
	.c-num{
		width: 100%;
		display: flex;
		flex-wrap: wrap;
	}
	.c-operator{
		flex-shrink: 1;
		display: flex;
		flex-wrap: wrap;
		flex-direction: column;
	}
	.c-row{
		display: flex;
  		flex-flow: row;
	}
	.c-operator [id^='numid']{
	width: 90px;
	flex-direction: initial;
	}
	[id^='numid'] {
    display: flex;
    flex-shrink: 1;
    background: #fff;
    padding: 4px;
    margin: 4px;
    width: 80px;
    justify-content: center;
    cursor: pointer;
	flex-direction: inherit;
}
	.c-minputs .inbox{
		display: block;
		width: 100%;
	}
	[id^='numid']:hover{
		background: #f5f5f5;
	}</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="main"&gt;
		&lt;div class="c-body"&gt;
			&lt;div class="c-minputs"&gt;
				&lt;input id="intop" type="number" class="topin inbox" disabled&gt;
			&lt;input id="inbottom" type="number" class="bottomin inbox" placeholder="Type Here"&gt;
	&lt;/div&gt;
	&lt;div class="c-row"&gt;
	&lt;div class="c-num"&gt;
			
			&lt;/div&gt;
			&lt;div class="c-operator"&gt;
		&lt;span class="numb" id="numidplus" onclick="opr('plus')"&gt;+&lt;/span&gt;
		&lt;span class="numb" id="numidminus" onclick="opr('minus')"&gt;-&lt;/span&gt;
		&lt;span class="numb" id="numiddiv" onclick="opr('divi')"&gt;/&lt;/span&gt;
		&lt;span class="numb" id="numidmul" onclick="opr('mul')"&gt;*&lt;/span&gt;
		&lt;span class="numb" id="numidans" onclick="ans('answer')"&gt;=&lt;/span&gt;
		&lt;span class="numb" id="numidclr" onclick="opr('clr')"&gt;c&lt;/span&gt;
		&lt;/div&gt;
	&lt;/div&gt;
		&lt;/div&gt;
	&lt;/div&gt;</code></pre>
</div>
</div>
</p>


blocks|key|47856|text|<!DOCTYPE+html>
<html+lang="en">
<head>
++++<meta+charset="UTF-8">
++++<meta+name="viewport"+content="width=device-width,+initial-scale=1.0">
++++<title>stackoverflow</title>

++++<style>
++++++++body{
++++++++++++background:+linear-gradient(90deg,+rgba(2,0,36,1)+0%25,+rgba(9,9,121,1)+35%25,+rgba(0,212,255,1)+100%25);
++++++++}
++++.button+{
++++++++box-shadow:+0px+10px+14px+-7px+#276873;
++++++++background:+linear-gradient(to+bottom,+#599bb3+5%25,+#408c99+100%25);
++++++++background-color:+#599bb3;
++++++++border-radius:+4px;
++++++++border:+1px+solid+#29668f;
++++++++display:+inline-block;
++++++++cursor:+pointer;
++++++++color:+#ffffff;
++++++++font-family:+Arial;
++++++++font-size:+25px;
++++++++font-weight:+bold;
++++++++padding:+21px+6px;
++++++++text-decoration:+none;
++++++++text-shadow:+0px+1px+0px+#3d768a;
++++++++height:+50px;
++++++++width:+80px;
++++++++padding:+0px;
++++}
++++.button:hover+{
++++++++background:linear-gradient(to+bottom,+#408c99+5%25,+#599bb3+100%25);
++++++++background-color:#408c99;
++++}
++++form>input{
++++++++height:+40px;
++++++++width:+329px;
++++++++border-radius:+4px;
++++++++border:+none;
++++++++margin-left:+500px;
++++++++font-size:+30px;
++++}
++++table{
++++++++margin-left:+500px;+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++++}
++++</style>

</head>
<body>

++++<div+id="main">

++++++++<form+name="form">
++++++++++++<input+name="textview">+
++++++++</form>
++++++++++++<table>
++++++++++++++++<tr>
++++++++++++++++++++<td><input+type="button"+class="button"+value="Clear"+onClick="c()"></td>
++++++++++++++++</tr>
++++++++++++++++<tr>
++++++++++++++++++++<td><input+type="button"+class="button"+value="7"+onClick="insert(7)"></td>
++++++++++++++++++++<td><input+type="button"+class="button"+value="8"+onClick="insert(8)"></td>
++++++++++++++++++++<td><input+type="button"+class="button"+value="9"+onClick="insert(9)"></td>
++++++++++++++++++++<td><input+type="button"+class="button"+value="/"+onClick="insert('/')"></td>

++++++++++++++++</tr>
++++++++++++++++<tr>
++++++++++++++++++++<td><input+type="button"+class="button"+value="4"+onClick="insert(4)"></td>
++++++++++++++++++++<td><input+type="button"+class="button"+value="5"+onClick="insert(5)"></td>
++++++++++++++++++++<td><input+type="button"+class="button"+value="6"+onClick="insert(6)"></td>
++++++++++++++++++++<td><input+type="button"+class="button"+value="-"+onClick="insert('-')"></td>

++++++++++++++++</tr>
++++++++++++++++<tr>
++++++++++++++++++++<td><input+type="button"+class="button"+value="1"+onClick="insert(1)"></td>
++++++++++++++++++++<td><input+type="button"+class="button"+value="2"+onClick="insert(2)"></td>
++++++++++++++++++++<td><input+type="button"+class="button"+value="3"+onClick="insert(3)"></td>
++++++++++++++++++++<td><input+type="button"+class="button"+value="%2B"+onClick="insert('%2B')"></td>

++++++++++++++++</tr>
++++++++++++++++<tr>
++++++++++++++++++++<td><input+type="button"+class="button"+value="0"+onClick="insert(0)"></td>
++++++++++++++++++++<td><input+type="button"+class="button"+value="."+onClick="insert('.')"></td>
++++++++++++++++++++<td><input+type="button"+class="button"+value="="+onClick="equal('=')"></td>
++++++++++++++++++++<td><input+type="button"+class="button"+value="*"+onClick="insert('*')"></td>

++++++++++++++++</tr>
++++++++++++</table>


++++</div>

++++<script>
++++++++function+insert(num){
++++++++++++document.form.textview.value+=+document.form.textview.value%2Bnum;
++++++++}
++++++++function+equal(){
++++++++++++let+exp+=+document.form.textview.value;
++++++++++++if(exp){
++++++++++++++++document.form.textview.value+=+eval(exp)
++++++++++++}
++++++++++++else{
++++++++++++++++console.log('Something+Wrong')
++++++++++++}
++++++++}
++++++++function+c(){
++++++++++++document.form.textview.value+=+null;
++++++++}
++++</script>

</body>
</html>|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|47857|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

<pre><code>&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;
&lt;head&gt;
    &lt;meta charset="UTF-8"&gt;
    &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
    &lt;title&gt;stackoverflow&lt;/title&gt;

    &lt;style&gt;
        body{
            background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(9,9,121,1) 35%, rgba(0,212,255,1) 100%);
        }
    .button {
        box-shadow: 0px 10px 14px -7px #276873;
        background: linear-gradient(to bottom, #599bb3 5%, #408c99 100%);
        background-color: #599bb3;
        border-radius: 4px;
        border: 1px solid #29668f;
        display: inline-block;
        cursor: pointer;
        color: #ffffff;
        font-family: Arial;
        font-size: 25px;
        font-weight: bold;
        padding: 21px 6px;
        text-decoration: none;
        text-shadow: 0px 1px 0px #3d768a;
        height: 50px;
        width: 80px;
        padding: 0px;
    }
    .button:hover {
        background:linear-gradient(to bottom, #408c99 5%, #599bb3 100%);
        background-color:#408c99;
    }
    form&gt;input{
        height: 40px;
        width: 329px;
        border-radius: 4px;
        border: none;
        margin-left: 500px;
        font-size: 30px;
    }
    table{
        margin-left: 500px;                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       
    }
    &lt;/style&gt;

&lt;/head&gt;
&lt;body&gt;

    &lt;div id="main"&gt;

        &lt;form name="form"&gt;
            &lt;input name="textview"&gt; 
        &lt;/form&gt;
            &lt;table&gt;
                &lt;tr&gt;
                    &lt;td&gt;&lt;input type="button" class="button" value="Clear" onClick="c()"&gt;&lt;/td&gt;
                &lt;/tr&gt;
                &lt;tr&gt;
                    &lt;td&gt;&lt;input type="button" class="button" value="7" onClick="insert(7)"&gt;&lt;/td&gt;
                    &lt;td&gt;&lt;input type="button" class="button" value="8" onClick="insert(8)"&gt;&lt;/td&gt;
                    &lt;td&gt;&lt;input type="button" class="button" value="9" onClick="insert(9)"&gt;&lt;/td&gt;
                    &lt;td&gt;&lt;input type="button" class="button" value="/" onClick="insert('/')"&gt;&lt;/td&gt;

                &lt;/tr&gt;
                &lt;tr&gt;
                    &lt;td&gt;&lt;input type="button" class="button" value="4" onClick="insert(4)"&gt;&lt;/td&gt;
                    &lt;td&gt;&lt;input type="button" class="button" value="5" onClick="insert(5)"&gt;&lt;/td&gt;
                    &lt;td&gt;&lt;input type="button" class="button" value="6" onClick="insert(6)"&gt;&lt;/td&gt;
                    &lt;td&gt;&lt;input type="button" class="button" value="-" onClick="insert('-')"&gt;&lt;/td&gt;

                &lt;/tr&gt;
                &lt;tr&gt;
                    &lt;td&gt;&lt;input type="button" class="button" value="1" onClick="insert(1)"&gt;&lt;/td&gt;
                    &lt;td&gt;&lt;input type="button" class="button" value="2" onClick="insert(2)"&gt;&lt;/td&gt;
                    &lt;td&gt;&lt;input type="button" class="button" value="3" onClick="insert(3)"&gt;&lt;/td&gt;
                    &lt;td&gt;&lt;input type="button" class="button" value="+" onClick="insert('+')"&gt;&lt;/td&gt;

                &lt;/tr&gt;
                &lt;tr&gt;
                    &lt;td&gt;&lt;input type="button" class="button" value="0" onClick="insert(0)"&gt;&lt;/td&gt;
                    &lt;td&gt;&lt;input type="button" class="button" value="." onClick="insert('.')"&gt;&lt;/td&gt;
                    &lt;td&gt;&lt;input type="button" class="button" value="=" onClick="equal('=')"&gt;&lt;/td&gt;
                    &lt;td&gt;&lt;input type="button" class="button" value="*" onClick="insert('*')"&gt;&lt;/td&gt;

                &lt;/tr&gt;
            &lt;/table&gt;


    &lt;/div&gt;

    &lt;script&gt;
        function insert(num){
            document.form.textview.value = document.form.textview.value+num;
        }
        function equal(){
            let exp = document.form.textview.value;
            if(exp){
                document.form.textview.value = eval(exp)
            }
            else{
                console.log('Something Wrong')
            }
        }
        function c(){
            document.form.textview.value = null;
        }
    &lt;/script&gt;

&lt;/body&gt;
&lt;/html&gt;
</code></pre>


blocks|key|4554469|text|您正在设置输入的innerHTML属性，如果您想在输入中显示文本/数据，这将不起作用，因为输入具有value属性。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|4554470|您应该更改此行：|4554471|document.getElementById('result').innerHTML=r;|code-block|syntax|javascript|4554472|至：|4554473|document.getElementById('result').value+=+r;|4554474|关于用简单的javascript创建计算器，也可以查看我编写的这个教程，它可能会对您有所帮助：Create+a+calulator+in+javascript+-+Tutorial+by+10code.dev|4554475|entityMap|0|LINK|mutability|MUTABLE|url|https://10code.dev/javascript/a-simple-calculator-in-vanilla-javascript/^0|8|9|1D|5|0|0|0|0|0|1B|1L|0|0^^$0|@$1|2|3|4|5|6|7|10|8|@$9|11|A|12|B|C]|$9|13|A|14|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|15|8|@]|D|@]|E|$]]|$1|H|3|I|5|J|7|16|8|@]|D|@]|E|$K|L]]|$1|M|3|N|5|6|7|17|8|@]|D|@]|E|$]]|$1|O|3|P|5|J|7|18|8|@]|D|@]|E|$K|L]]|$1|Q|3|R|5|6|7|19|8|@]|D|@$9|1A|A|1B|1|1C]]|E|$]]|$1|S|3|-4|5|6|7|1D|8|@]|D|@]|E|$]]]|T|$U|$5|V|W|X|E|$Y|Z]]]]

<p>You are setting the <code>innerHTML</code> property of an input, which doesn't work
because inputs have <code>value</code> property, if you want to show text/data in them.</p>
<p>you should change this line:</p>
<pre><code>document.getElementById('result').innerHTML=r;
</code></pre>
<p>to:</p>
<pre><code>document.getElementById('result').value = r;
</code></pre>
<p>on creating a calculator in simple javascript, also check this tutorial out that i wrote,  it may help you:
<a href="https://10code.dev/javascript/a-simple-calculator-in-vanilla-javascript/" rel="nofollow noreferrer">Create a calulator in javascript - Tutorial by 10code.dev</a></p>


<p>I have to write a calculator in HTML. I really can't find what is going wrong and it does not show the results. I can't find something wrong can you help? I'm running it in Chrome.</p>

<p>JavaScript File and and the HTML:</p>

<p><div class="snippet" data-lang="js" data-hide="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>showresult(choise){
var n1=parsefloat(document.getElementById('num1').value);
var n2=parsefloat(document.getElementById('num2').value);
var r;
var c=choise;

switch(c)
	{
	case '1':
		r=n1+n2;
		break;
	case '2':
		r=n1-n2;
		break;
	case '3':
		r=n1*n2;
		break;
	case '4': 
		r=n1/n2;
		break;
	case '5':
		r=n2*100/n1;
		break;
	default:
		break;
			
	}
document.getElementById('result').innerHTML=r;

	

}</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;head&gt;
&lt;title&gt;Calculator&lt;/title&gt;
&lt;script src="calculator.js" type="text/javascript"&gt;&lt;/script&gt;
&lt;/head&gt;
&lt;body&gt;


&lt;h1&gt;My calculator&lt;/h1&gt;
&lt;table border="1" cellpadding="5" cellspacing="5" width="600"&gt;
&lt;tr align="center"&gt;
&lt;td&gt;First number&lt;/td&gt;
&lt;td&gt;Second Number&lt;/td&gt;
&lt;td&gt;Result&lt;/td&gt;
&lt;/tr&gt;
&lt;tr align="center"&gt;
&lt;td&gt;&lt;input name="number1" type="text" size=10 id='num1'/&gt;&lt;/td&gt;
&lt;td&gt;&lt;input name="number2" type="text" size=10 id='num2'/&gt;&lt;/td&gt;
&lt;td&gt; &lt;input type="text" id='result' readonly &gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td colspan="3"&gt;
&lt;button onclick="showresult('1')"&gt;+&lt;/button&gt;
&lt;button onclick="showresult('2')"&gt;-&lt;/button&gt;
&lt;button onclick="showresult('3')"&gt;*&lt;/button&gt;
&lt;button onclick="showresult('4')"&gt;/&lt;/button&gt;
&lt;button onclick="showresult('5')"&gt;%&lt;/button&gt;
&lt;/td&gt;
&lt;/tr&gt;

&lt;/table&gt;
&lt;/body&gt;
&lt;/html&gt;</code></pre>
</div>
</div>
</p>


Simple calculator in HTML and JavaScript

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

我必须用HTML写一个计算器。我真的找不到哪里出了问题，也没有显示结果。我找不到什么不对劲的地方你能帮我吗？我在Chrome上运行它。JavaScript文件和：​showresult(choise){var n1=parsefloat(document.getElementById('num1').value);va...

问HTML和JavaScript中的简单计算器
EN

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问HTML和JavaScript中的简单计算器EN

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问HTML和JavaScript中的简单计算器
EN