Create Addition, Subtraction, Multiplication, Division Application Using ASP.NET MVC 4.0 With Multiple Submit Buttons

In this blog, you will learn how to create an addition, subtraction, multiplication, and division application using ASP.NET MVC 4.0 with multiple submit buttons.

Create an MVC application named "Operation". I named mine as "Addition".

By default, Visual Studio created some folders for you, like Controllers, Models, Views etc.

Now, go to "Models" folder and create a class file. Here, we define some entities for accessing the values through it and showing the output.

AdditionViewModel.cs 

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
namespace Addition.Models {
    public class AdditionViewModel {
        //public int A { get; set; }
        //public int B { get; set; }
        //public int Result { get; set; }
        public double A {
            get;
            set;
        }
        public double B {
            get;
            set;
        }
        public double Result {
            get;
            set;
        }
    }
}

Then, go to "Controllers" folder and create a Controller class file as mentioned in the below snap.

HomeController.cs 

using Addition.Models;
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;
namespace Addition.Controllers {
    public class HomeController: Controller {
        //
        // GET: /Home/
        [HttpGet]
        public ActionResult Index() {
                return View();
            }
            [HttpPost]
        public ActionResult Index(AdditionViewModel model, string command) {
            if (command == "add") {
                model.Result = model.A + model.B;
            }
            if (command == "sub") {
                model.Result = model.A - model.B;
            }
            if (command == "mul") {
                model.Result = model.A * model.B;
            }
            if (command == "div") {
                model.Result = model.A / model.B;
            }
            return View(model);
        }
    }
}

Go to "Views" folder and create a folder called "Home" inside which create a cshtml file named  Index.cshtml.

Index.cshtml 

@model Addition.Models.AdditionViewModel
@ {
    Layout = null;
}
@using(Html.BeginForm()) { < fieldset > < legend style = "color:blue" > Operation Of Two Numbers < /legend>
    @Html.EditorFor(x => x.A) < br / > < br / > @Html.EditorFor(x => x.B) < br / > < br / > < input type = "submit"
    value = "add"
    name = "command" / > < input type = "submit"
    value = "sub"
    name = "command" / > < input type = "submit"
    value = "mul"
    name = "command" / > < input type = "submit"
    value = "div"
    name = "command" / > < br / > < br / > < h2 style = "color:red" > @Html.Label("Result is :")
    @Html.DisplayFor(x => x.Result) < /h2> < /fieldset>
}

Then, go to "App_Start" folder and open the RouteConfig.cs file to add some code to set the start page when the application will load the first time, like ASP.NET.

RouteConfig.cs 

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;
using System.Web.Routing;
namespace Addition {
    public class RouteConfig {
        public static void RegisterRoutes(RouteCollection routes) {
            routes.IgnoreRoute("{resource}.axd/{*pathInfo}");
            routes.MapRoute(name: "Default", url: "{controller}/{action}/{id}", defaults: new {
                controller = "Home", action = "Index", id = UrlParameter.Optional
            });
        }
    }
}

The output of this application will be like the following.

See the URL - http://localhost:56637/Home/Index

Here, "Home" is the Controller name and "Index" is the controller action method name.

Output

Happy coding….

Have a Nice Day and Good Luck.