Note that there are some explanatory texts on larger screens.

plurals
  1. POSimple graphical calculator in ASP.NET MVC like MS Windows Calculator
    primarykey
    data
    text
    <p>I have problem in ASP.NET MVC to get expression when I click the <code>btnOne</code> -> <code>btn0</code> -> <code>btnPlus</code> -> <code>btn2</code> -> <code>btn1</code>. I want to have this expression: <code>10+21</code> and after click in <code>btnEqual</code> I want to get sum of this expression and get only one value in <code>textBox31</code> like in simple windows calculator. How to do that?</p> <p>I have View named <code>Calculate</code>:</p> <pre><code>&lt;body&gt; &lt;div id="CalculatorSpace"&gt; &lt;form name="Calc"&gt; &lt;input type="text" name="textBox" id="textBox" value=""/&gt; &lt;table&gt; &lt;tr&gt; &lt;td&gt;&lt;input type="button" name="btnSeven" id="btnSeven" value="7" /&gt;&lt;/td&gt; &lt;td&gt;&lt;input type="button" id="btnEight" value="8" /&gt;&lt;/td&gt; &lt;td&gt;&lt;input type="button" id="btnNine" value="9" /&gt;&lt;/td&gt; &lt;td&gt;&lt;input type="button" id="btnDelete" value="DEL" /&gt;&lt;/td&gt; &lt;td&gt;&lt;input type="button" id="btnClear" value="CLR" /&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;&lt;input type="button" id="btnFour" value="4" /&gt;&lt;/td&gt; &lt;td&gt;&lt;input type="button" id="btnFive" value="5" /&gt;&lt;/td&gt; &lt;td&gt;&lt;input type="button" id="btnSix" value="6" /&gt;&lt;/td&gt; &lt;td&gt;&lt;input type="button" id="btnMultiply" value="*" /&gt;&lt;/td&gt; &lt;td&gt;&lt;input type="button" id="btnDivide" value="/" /&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;&lt;input type="button" id="btnOne" value="1" /&gt;&lt;/td&gt; &lt;td&gt;&lt;input type="button" id="btnTwo" value="2" /&gt;&lt;/td&gt; &lt;td&gt;&lt;input type="button" id="btnThree" value="3" /&gt;&lt;/td&gt; &lt;td&gt;&lt;input type="button" id="btnPlus" value="+" /&gt;&lt;/td&gt; &lt;td&gt;&lt;input type="button" id="btnMinus" value="-" /&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;&lt;input type="button" id="btnZero" value="0" /&gt;&lt;/td&gt; &lt;td&gt;&lt;input type="button" id="btnDot" value="." /&gt;&lt;/td&gt; &lt;td&gt;&lt;input type="button" id="btnEqual" value="=" /&gt;&lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; &lt;script&gt; window.onload = function () { document.getElementById('btnSeven').addEventListener('click', function () { document.getElementById('textBox').value = document.getElementById('textBox').value + document.getElementById('btnSeven').value; }); document.getElementById('btnEight').addEventListener('click', function () { document.getElementById('textBox').value = document.getElementById('textBox').value + document.getElementById('btnEight').value; }); document.getElementById('btnNine').addEventListener('click', function () { document.getElementById('textBox').value = document.getElementById('textBox').value + document.getElementById('btnNine').value; }); document.getElementById('btnDelete').addEventListener('click', function () { document.getElementById('textBox').value = document.getElementById('textBox').value + document.getElementById('btnDelete').value; }); document.getElementById('btnClear').addEventListener('click', function () { document.getElementById('textBox').value = document.getElementById('textBox').value + document.getElementById('btnClear').value; }); document.getElementById('btnFour').addEventListener('click', function () { document.getElementById('textBox').value = document.getElementById('textBox').value + document.getElementById('btnFour').value; }); document.getElementById('btnFive').addEventListener('click', function () { document.getElementById('textBox').value = document.getElementById('textBox').value + document.getElementById('btnFive').value; }); document.getElementById('btnSix').addEventListener('click', function () { document.getElementById('textBox').value = document.getElementById('textBox').value + document.getElementById('btnSix').value; }); document.getElementById('btnMultiply').addEventListener('click', function () { document.getElementById('textBox').value = document.getElementById('textBox').value + document.getElementById('btnMultiply').value; }); document.getElementById('btnDivide').addEventListener('click', function () { document.getElementById('textBox').value = document.getElementById('textBox').value + document.getElementById('btnDivide').value; }); document.getElementById('btnOne').addEventListener('click', function () { document.getElementById('textBox').value = document.getElementById('textBox').value + document.getElementById('btnOne').value; }); document.getElementById('btnTwo').addEventListener('click', function () { document.getElementById('textBox').value = document.getElementById('textBox').value + document.getElementById('btnTwo').value; }); document.getElementById('btnThree').addEventListener('click', function () { document.getElementById('textBox').value = document.getElementById('textBox').value + document.getElementById('btnThree').value; }); document.getElementById('btnPlus').addEventListener('click', function () { document.getElementById('textBox').value = document.getElementById('textBox').value + document.getElementById('btnPlus').value; }); document.getElementById('btnMinus').addEventListener('click', function () { document.getElementById('textBox').value = document.getElementById('textBox').value + document.getElementById('btnMinus').value; }); document.getElementById('btnZero').addEventListener('click', function () { document.getElementById('textBox').value = document.getElementById('textBox').value + document.getElementById('btnZero').value; }); document.getElementById('btnDot').addEventListener('click', function () { document.getElementById('textBox').value = document.getElementById('textBox').value + document.getElementById('btnDot').value; }); document.getElementById('btnEqual').addEventListener('click', function () { document.getElementById('textBox').value = document.getElementById('textBox').value + document.getElementById('btnEqual').value; }); } &lt;/script&gt; &lt;/form&gt; &lt;/div&gt; </code></pre> <p></p> <p>I have CalculatorController look like this:</p> <pre><code> public class CalculatorController : Controller { // // GET: /Calculator/ public ActionResult Index() { return View(); } //GET: /Calculator/Calculate public ActionResult Calculate(string value) { return View(); } } </code></pre> <p>How do now to be entered in the expression <code>x + x</code> when you click <code>btnEqual</code> carries out the calculation of data (compared to pressed the +, -, *, /)?</p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload