Arithmetic Operations dropdown(javascript)

**Mansoor007** · 05-09-2012 02:09 AM

<html>
<head>
<script type="text/javascript">
function add()
{
var a=document.cal.num1.value;
var b=document.cal.num2.value;
var c=parseInt(a)+parseInt(b);
document.cal.res.value=c;
}

function sub()
{
var a=document.cal.num1.value;
var b=document.cal.num2.value;
var c=a-b;
document.cal.res.value=c;
}

function mul()
{
var a=document.cal.num1.value;
var b=document.cal.num2.value;
var c=a*b;
document.cal.res.value=c;
}

function div()
{
var a=document.cal.num1.value;
var b=document.cal.num2.value;
var c=a/b;
document.cal.res.value=c;
}

</script>
</head>

<body>
<form name="cal">
Enter 1st num:<input type="text" name="num1" /> <br/>
Enter 2nd num:<input type-="text" name="num2" /> <br/>
Select operation:
<select name="-please select-">
<option value="please select">-please select-</option>
<option value="addition" onclick="add()">addition</option>
<option value="subtraction" onclick="sub()">subtraction</option>
<option value="multiplication" onclick="mul()">multiplication</option>
<option value="division" onclick="div()">division</option>
</select>

Result= <input type="text" name="res" />
</form>
</body>
</html>

**Padonak** · 05-09-2012 04:11 AM

boasting or what?

**xelawho** · 05-09-2012 09:43 AM

maybe asking why it doesn't work in IE or Chrome?

Code:

<select name="-please select-" onchange="if( this.value ){ window[ this.value ]() }">
<option >-please select-</option>
<option value="add">addition</option>
<option value="sub">subtraction</option>
<option value="mul">multiplication</option>
<option value="div">division</option>
</select>

**xelawho** · 05-09-2012 10:16 AM

... or (to simplify)

Code:

<html>
<head>
<script type="text/javascript">
function calculate(meth)
{
var a=Number(document.cal.num1.value);
var b=Number(document.cal.num2.value);
switch (meth){
case "add":
var c=a+b;
break;
case "sub":
var c=a-b;
break;
case "mul":
var c=a*b;
break;
case "div":
var c=a/b;
break;
}
document.cal.res.value=c;
	
}

</script>
</head>

<body>
<form name="cal">
Enter 1st num:<input type="text" name="num1" /> <br/>
Enter 2nd num:<input type-="text" name="num2" /> <br/>
Select operation:
<select name="-please select-" onchange="calculate(this.value)">
<option >-please select-</option>
<option value="add">addition</option>
<option value="sub">subtraction</option>
<option value="mul">multiplication</option>
<option value="div">division</option>
</select>

Result= <input type="text" name="res" />
</form>
</body>
</html>

**Padonak** · 05-09-2012 10:35 AM

lol

Thread: Arithmetic Operations dropdown(javascript)

Thread Tools

Display

Arithmetic Operations dropdown(javascript)

Thread Information

Users Browsing this Thread

Bookmarks

Bookmarks

Posting Permissions