SaraJo/calc.html

## calc.html
<html>
    <head>
        <style>
            button{
                width: 50px;
                height: 50px;
                font-weight: bold;
            }
            input{
                border: 1px solid green;
                width: 100px;
            }

            div{
                border: 1px solid grey;
                width: 400px;
            }

        </style>

        <script>

        function add(){
            var first = document.getElementById("first-int").value
            , second = document.getElementById("second-int").value;

            window.alert(parseInt(first) + parseInt(second));

        }


        </script>
</head>


<div>
    <p>
    <label for="first-int">first number:</label>
    <input type="text" id="first-int" />
    <label for="second-int">second number:</label>
    <input type="text" id="second-int" />
    </p>
    <p>
    <button id="add" onclick="add()">+</button>
    <button id="subtract">-</button>
    <button id="multiply">*</button>
    <button id="divide">/</button>
    </p>
</div>
</html>
	<html>
	<head>
	<style>
	button{
	width: 50px;
	height: 50px;
	font-weight: bold;
	}
	input{
	border: 1px solid green;
	width: 100px;
	}

	div{
	border: 1px solid grey;
	width: 400px;
	}

	</style>

	<script>

	function add(){
	var first = document.getElementById("first-int").value
	, second = document.getElementById("second-int").value;

	window.alert(parseInt(first) + parseInt(second));

	}



	</script>
	</head>


	<div>
	<p>
	<label for="first-int">first number:</label>
	<input type="text" id="first-int" />
	<label for="second-int">second number:</label>
	<input type="text" id="second-int" />
	</p>
	<p>
	<button id="add" onclick="add()">+</button>
	<button id="subtract">-</button>
	<button id="multiply">*</button>
	<button id="divide">/</button>
	</p>
	</div>
	</html>