FIROZ DOT NET: Q. How to developed calculator using asp.net c# step by step?

Step 1.Open Visual studio and Create one aspx file name as Calculator.

<form id="form1" runat="server">
<div class="calculator-holder">
<table class="calculator" id="calc">
<tr>
<td colspan="4" class="calc_td_result">
<input type="text" readonly="readonly" runat="server" name="calc_result" id="calc_result" class="calc_result" />
</td>
</tr>
<tr>
<td class="calc_td_btn">
<asp:Button ID="ButtonCE" runat="server" CssClass="calc_btn" Text="CE" OnClick="ButtonCE_Click" />
</td>
<td class="calc_td_btn">
<asp:Button ID="ButtonReturn" runat="server" CssClass="calc_btn" Text="←" OnClick="ButtonReturn_Click" />
</td>
<td class="calc_td_btn">
<asp:Button ID="ButtonPercentage" runat="server" CssClass="calc_btn" Text="%" OnClick="ButtonPercentage_Click" />
</td>
<td class="calc_td_btn">
<asp:Button ID="ButtonPlus" runat="server" CssClass="calc_btn" Text="+" OnClick="ButtonPlus_Click" />
</td>
</tr>
<tr>
<td class="calc_td_btn">
<asp:Button ID="Button7" runat="server" CssClass="calc_btn" Text="7" OnClick="Button7_Click" />
</td>
<td class="calc_td_btn">
<asp:Button ID="Button8" runat="server" CssClass="calc_btn" Text="8" OnClick="Button8_Click" />
</td>
<td class="calc_td_btn">
<asp:Button ID="Button9" runat="server" CssClass="calc_btn" Text="9" OnClick="Button9_Click" />
</td>
<td class="calc_td_btn">
<asp:Button ID="ButtonMinus" runat="server" CssClass="calc_btn" Text="-" OnClick="ButtonMinus_Click" />
</td>
</tr>
<tr>
<td class="calc_td_btn">
<asp:Button ID="Button4" runat="server" CssClass="calc_btn" Text="4" OnClick="Button4_Click" />
</td>
<td class="calc_td_btn">
<asp:Button ID="Button5" runat="server" CssClass="calc_btn" Text="5" OnClick="Button5_Click" />
</td>
<td class="calc_td_btn">
<asp:Button ID="Button6" runat="server" CssClass="calc_btn" Text="6" OnClick="Button6_Click" />
</td>
<td class="calc_td_btn">
<asp:Button ID="ButtonMultiply" runat="server" CssClass="calc_btn" Text="x" OnClick="ButtonMultiply_Click" />
</td>
</tr>
<tr>
<td class="calc_td_btn">
<asp:Button ID="Button1" runat="server" CssClass="calc_btn" Text="1" OnClick="Button1_Click" />
</td>
<td class="calc_td_btn">
<asp:Button ID="Button2" runat="server" CssClass="calc_btn" Text="2" OnClick="Button2_Click" />
</td>
<td class="calc_td_btn">
<asp:Button ID="Button3" runat="server" CssClass="calc_btn" Text="3" OnClick="Button3_Click" />
</td>
<td class="calc_td_btn">
<asp:Button ID="ButtonDivide" runat="server" CssClass="calc_btn" Text="÷" OnClick="ButtonDivide_Click" />
</td>
</tr>
<tr>
<td class="calc_td_btn">
<asp:Button ID="Button0" runat="server" CssClass="calc_btn" Text="0" OnClick="Button0_Click" />
</td>
<td class="calc_td_btn">
<asp:Button ID="ButtonPlusMinus" runat="server" CssClass="calc_btn" Text="±" OnClick="ButtonPlusMinus_Click" />
</td>
<td class="calc_td_btn">
<asp:Button ID="ButtonComa" runat="server" CssClass="calc_btn" Text="," OnClick="ButtonComa_Click" />
</td>
<td class="calc_td_btn">
<asp:Button ID="ButtonEquals" runat="server" CssClass="calc_btn" Text="=" OnClick="ButtonEquals_Click" />
</td>
</tr>
</table>
</div>
</form>

Step 2. Design some Style Sheet using css file

<style>
.calculator-holder {
position: relative;
top: 50%;
transform: translateY(+50%);
}

.calculator {
width: 300px;
height: 300px;
background-color: #eeeeee;
border: 2px solid #CCCCCC;
margin: 0 auto 0 auto;
padding-left: 5px;
padding-bottom: 5px;
}

.calculator td {
height: 16.66%;
}

.calc_td_result {
text-align: center;
}

.calc_result {
width: 90%;
text-align: right;
}

.calc_td_calculs {
text-align: center;
}

.calc_calculs {
width: 90%;
text-align: left;
}

.calc_td_btn {
width: 25%;
height: 100%;
}

.calc_btn {
width: 90%;
height: 90%;
font-size: 20px;
}
</style>

Step 3. Now create aspx.cs file and write the bellow code.

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

public partial class Calculator : System.Web.UI.Page
{
Calculate _Calculate;
protected void Page_Load(object sender, EventArgs e)
{
_Calculate = new Calculate();
}

protected void Button0_Click(object sender, EventArgs e)
{
calc_result.Value = calc_result.Value + "0";
}

protected void Button1_Click(object sender, EventArgs e)
{
calc_result.Value = calc_result.Value + "1";
}

protected void Button2_Click(object sender, EventArgs e)
{
calc_result.Value = calc_result.Value + "2";
}

protected void Button3_Click(object sender, EventArgs e)
{
calc_result.Value = calc_result.Value + "3";
}

protected void Button4_Click(object sender, EventArgs e)
{
calc_result.Value = calc_result.Value + "4";
}

protected void Button5_Click(object sender, EventArgs e)
{
calc_result.Value = calc_result.Value + "5";
}

protected void Button6_Click(object sender, EventArgs e)
{
calc_result.Value = calc_result.Value + "6";
}

protected void Button7_Click(object sender, EventArgs e)
{
calc_result.Value = calc_result.Value + "7";
}

protected void Button8_Click(object sender, EventArgs e)
{
calc_result.Value = calc_result.Value + "8";
}

protected void Button9_Click(object sender, EventArgs e)
{
calc_result.Value = calc_result.Value + "9";
}

protected void ButtonComa_Click(object sender, EventArgs e)
{
calc_result.Value = calc_result.Value + ",";
}

protected void ButtonPlusMinus_Click(object sender, EventArgs e)
{
if (calc_result.Value == string.Empty)
{
Response.Write("<script>alert('No Value is given.')</script>");
}
else
{
calc_result.Value = "-" + calc_result.Value;
}
}

protected void ButtonPlus_Click(object sender, EventArgs e)
{
if (calc_result.Value == string.Empty)
{
Response.Write("<script>alert('No Value is given.')</script>");
}
else
{
ViewState["Value1"] = calc_result.Value;
ViewState["Operation"] = "Addition";
calc_result.Value = string.Empty;
}
}

protected void ButtonMinus_Click(object sender, EventArgs e)
{
if (calc_result.Value == string.Empty)
{
Response.Write("<script>alert('No Value is given.')</script>");
}
else
{
ViewState["Value1"] = calc_result.Value;
ViewState["Operation"] = "Subtraction";
calc_result.Value = string.Empty;
}
}

protected void ButtonMultiply_Click(object sender, EventArgs e)
{
if (calc_result.Value == string.Empty)
{
Response.Write("<script>alert('No Value is given.')</script>");
}
else
{
ViewState["Value1"] = calc_result.Value;
ViewState["Operation"] = "Multiplication";
calc_result.Value = string.Empty;
}
}

protected void ButtonDivide_Click(object sender, EventArgs e)
{
if (calc_result.Value == string.Empty)
{
Response.Write("<script>alert('No Value is given.')</script>");
}
else
{
ViewState["Value1"] = calc_result.Value;
ViewState["Operation"] = "Division";
calc_result.Value = string.Empty;
}
}

protected void ButtonPercentage_Click(object sender, EventArgs e)
{
if (calc_result.Value == string.Empty)
{
Response.Write("<script>alert('No Value is given.')</script>");
}
else
{
ViewState["Value1"] = calc_result.Value;
ViewState["Operation"] = "Percentage";
calc_result.Value = string.Empty;
}
}

protected void ButtonCE_Click(object sender, EventArgs e)
{
if ((string)ViewState["Operation"] != null)
{
ViewState["Operation"] = null;
}
else if ((string)ViewState["Value1"] != null)
{
ViewState["Value1"] = null;
}
}

protected void ButtonReturn_Click(object sender, EventArgs e)
{
if (calc_result.Value == string.Empty)
{
Response.Write("<script>alert('No Value is given.')</script>");
}
else
{
string CharactersInTextBox = calc_result.Value;
string FinalCharactersInTextBox = string.Empty;

for (int i = 0; i < CharactersInTextBox.Length - 1; i++)
{
FinalCharactersInTextBox = FinalCharactersInTextBox + CharactersInTextBox[i];
}

calc_result.Value = FinalCharactersInTextBox;
}
}

protected void ButtonEquals_Click(object sender, EventArgs e)
{
if (calc_result.Value == string.Empty)
{
Response.Write("<script>alert('No Value is given.')</script>");
}
else
{
ViewState["Value2"] = calc_result.Value;
calc_result.Value = string.Empty;

try
{
if ((string)ViewState["Operation"] == "Addition")
{
calc_result.Value = _Calculate.Add(Convert.ToInt32(ViewState["Value1"]), Convert.ToInt32(ViewState["Value2"])).ToString();
}
else if ((string)ViewState["Operation"] == "Subtraction")
{
calc_result.Value = _Calculate.Subtract(Convert.ToInt32(ViewState["Value1"]), Convert.ToInt32(ViewState["Value2"])).ToString();
}
else if ((string)ViewState["Operation"] == "Multiplication")
{
calc_result.Value = _Calculate.Multiply(Convert.ToInt32(ViewState["Value1"]), Convert.ToInt32(ViewState["Value2"])).ToString();
}
else if ((string)ViewState["Operation"] == "Division")
{
calc_result.Value = _Calculate.Divide(Convert.ToInt32(ViewState["Value1"]), Convert.ToInt32(ViewState["Value2"])).ToString();
}
else if ((string)ViewState["Operation"] == "Percentage")
{
calc_result.Value = _Calculate.Percentage(Convert.ToInt32(ViewState["Value1"]), Convert.ToInt32(ViewState["Value2"])).ToString();
}
else Response.Write("<script>alert('No Operation was recorded.')</script>");
}
catch (FormatException)
{
Response.Write("<script>alert('Bad Input Format.')</script>");
}
}
}
}

Step 4. Create one class name as Calculate and inside the class write the following code.

public class Calculate
{
public int Add(int Value1, int Value2)
{
return Value1 + Value2;
}
public int Subtract(int Value1, int Value2)
{
return Value1 - Value2;
}
public int Multiply(int Value1, int Value2)
{
return Value1 * Value2;
}
public double Divide(int Value1, int Value2)
{
return Value1 / Value2;
}
public string Percentage(int Value1, int Value2)
{
Value1 = Value1 * 100;

return Divide(Value1, Value2) + "%";
}
}

Step 5. Now run the application and get the bellow output.

FIROZ DOT NET

ASP DOT NET

Thursday, July 5, 2018

Q. How to developed calculator using asp.net c# step by step?

No comments:

Post a Comment

How to to select duplicate rows from sql server?

Search This Blog