aspose file tools

The moose likes HTML, CSS and JavaScript and the fly likes problem in simple calculator

A friendly place for programming greenhorns!

Big Moose Saloon

Search | Java FAQ | Recent Topics

JavaRanch » Java Forums » Engineering » HTML, CSS and JavaScript

Author

problem in simple calculator

deepak bhai
Ranch Hand

Joined: Apr 22, 2011
Posts: 32

posted

0

<html>
    
    <head>
        <title>
            simple calculator
        </title>
        <script type="text/javascript">
            var hello;

function calc(value1, value2, opr) {
                if (opr == 1) {
                    hello = value1.value + value2.value;
                    alert(hello);
                } else if (opr == 2) {
                    hello = value1.value * value2.value;
                    alert(hello);
                }
                if (opr == 3) {
                    hello = value1.value / value2.value;
                    alert(hello);
                }
                if (opr == 1) {
                    hello = value1.value % value2.value;
                    alert(hello);
                }
            }
        </script>
    </head>
    
    <body>
        <form method="post">
            <input type="text" id="value1" />
            <input type="text" id="value2" />
            <input type="button" value="add" onclick="document.getElementById(" value1
            "),document.getElementById("value2 "),1" />
            <input type="button" value="multiply" onclick="document.getElementById(" value1
            "),document.getElementById("value2 "),2" />
            <input type="button" value="divide" onclick="document.getElementById(" value1
            "),document.getElementById("value2 "),3" />
            <input type="button" value="mode" onclick="document.getElementById(" value1
            "),document.getElementById("value2 "),4" />
        </form>
    </body>

</html>

i wanted to make a simple calculator, i wanted to see if we can pass the element by document.getElementById("value") and then extract it later in the java script code .. but i dont know where it go wrong.. please help

Bear Bibeault
Author and ninkuma
Marshal

Joined: Jan 10, 2002
Posts: 56233

13

I like...

IntelliJ IDE

jQuery

Mac OSX

posted

0

Your HTML syntax is severely screwed up. Check the quoting of your attributes. Also, do your onclicks really do what you intend (even if they were correctly declared)?

Sloppy syntax such as this is exactly why Unobtrusive JavaScript -- in which no script is included in the document markup -- is a great idea.

[Smart Questions] [JSP FAQ] [Books by Bear] [Bear's FrontMan] [About Bear]

deepak bhai
Ranch Hand

Joined: Apr 22, 2011
Posts: 32

posted

0

ok its solved ..

<html>
<head>
<title>
simple calculator
</title>
<script type="text/javascript">
var hello;
function calc(value1,value2,opr){
if (opr==1){
hello=parseInt(value1.value)+parseInt(value2.value);
alert(hello);
}
else if (opr==2){
hello=value1.value*value2.value;
alert(hello);
}
else if (opr==3){
hello=value1.value/value2.value;
alert(hello);
}
else if (opr==4){
hello=value1.value%value2.value;
alert(hello);
}
}
</script>
</head>
<body>
<form method="post">
<input type="text" id="value1" />
<input type="text" id ="value2" />
<input type="button" value="add" onclick="calc(document.getElementById('value1'),document.getElementById('value2'),1)" />

<input type="button" value="multiply" onclick="calc(document.getElementById('value1'),document.getElementById('value2'),2)" />
<input type="button" value="divide" onclick="calc(document.getElementById('value1'),document.getElementById('value2'),3)" />
<input type="button" value="mode" onclick="calc(document.getElementById('value1'),document.getElementById('value2'),4)" />
</form>
</body>
</html>

I agree. Here's the link: http://zeroturnaround.com/jrebel - it saves me about five hours per week

subject: problem in simple calculator

Similar Threads
How to remove Textbox Element using DOM in HTML
Need Help With Dynamic text box in JSP
Problem in getting table cell value in HTML using java script
Help for JavaScript in Struts 1
problem with jsp for reset() method