Simple Calculator In MVC

Mithilesh Kumar

13 Comments

Join the conversation! Your thoughts help the community grow.

soham jain7y ago
Thanks for replying ...one more question i have not related to this article , but related to gridview/webgrid....without nuget packages we have gridview? and how we can fill it ?? i searched many times but i havent got any solution...will u pls help me with it?
soham jain7y ago
My textbox loses value on button click...will u pls help me with it?
- Mithilesh Kumar7y ago
  Because those buttons are submit buttons so when you click that button that page will be refresh so you can apply tow things once you can apply ajax control or use jquery ajax
igor kempisty7y ago
I has a problem with the result he is not sending to the third box
- Mithilesh Kumar7y ago
  Thank you check with debugging and test, what value is coming in c variable and after that check on ui view bag variable is binding or not on ui
Siyovush Jafarov7y ago
How to dislike this? doesn't work
- Mithilesh Kumar7y ago
  This is simple application so can you tell me what is issue?
Wereko Ampem8y ago
Great work about asp.net mvc love this simple steps, thanks alot
- Mithilesh Kumar8y ago
  Thank you...
Manaswini Dash8y ago
It is very unique example I ever seen.Nice.Keep it up..
- Mithilesh Kumar8y ago
  Thank you.........................
Bala S8y ago
Simple and good. Keep doing best.
- Mithilesh Kumar8y ago
  Thanks............

In this blog, I will explain how to use multiple submit buttons on one page or one form. So, here I will create a simple calculator using MVC. Let us see.

First, we have to create an MVC Project and then add a controller and create an action method.

ASP.NET

Click Ok.

After that, we have to add a controller and add an Action method or change the name of Index.

public ActionResult Calculate() {
return View();
}
After that right click and add a view page
@ {
ViewBag.Title = "Calculate";
}
< style > td, th
{
padding: 10 px;
}
< /style>
<div align="center">
<h2>Simple Calculatar</h2> @using (Html.BeginForm()) {
<table>
<tr>
<th> First Number </th>
<td> <input type="text" id="txtFirstNumber" name="firstNumber" class="form-control" /> </td>
</tr>
<tr>
<th> Last Number </th>
<td> <input type="text" id="txtLastNumber" name="secondNumber" class="form-control" /> </td>
</tr>
<tr>
<th><input type="submit" name="Cal" value="Add" class="btn btn-primary" /> <input type="submit" name="Cal" value="Sub" class="btn btn-primary" /> </th>
<th> <input type="submit" name="Cal" value="Mul" class="btn btn-primary" /> <input type="submit" name="Cal" value="Div" class="btn btn-primary" /> </th>
</tr>
<tr>
<th>Result</th>
<td><input type="text" class="form-control" value="@ViewBag.Result" /> </td>
</tr>
</table> } </div>

In the above code, I have used a name attribute and given a common name. When I clicked a Submit button, it goes to the value according to action of that Submit button in controller. In controller, I took three parameters - one for first number and the second for the second number and a third for action value.

After that, we have to create a post method for performing the calculation.

[HttpPost]
public ActionResult Calculat(string firstNumber, string secondNumber, string Cal) {
int a = Convert.ToInt32(firstNumber);
int b = Convert.ToInt32(secondNumber);
int c = 0;
switch (Cal) {
case "Add":
c = a + b;
break;
case "Sub":
c = a - b;
break;
case "Mul":
c = a * b;
break;
case "Div":
c = a / b;
break;
}
ViewBag.Result = c;
return View();
}

Output

Note
Here, I am using prameters which we can also use to view model class with strongly bind, form collection etc. Thank you and I hope this blog is beneficial to you.