Untitled

<html>
    <head>
        <title>tester</title>
    </head>
    <body>
        <form id="getmax">
            Enter two numbers to see which one is bigger: <br /><br />
            <label for="num1"> Enter the 1st num: </label><br />
            <input type="text" id="num_1"><br />
            <label for="num2"> Enter the 2nd num: </label><br />
            <input type="text" id="num_2"><br /><br />
            <input type="submit" value="Get the Area!">
            <input type="submit" value="Get the Perimeter!">
        </form>
        <script type="text/javascript" src="Assignment4_1.js"></script>
    </body>
</html>


var calcArea = document.getElementById("getmax");
calcArea.addEventListener("submit", function(event){
    var num1 = document.getElementById("num_1").value;
    var num2 = document.getElementById("num_2").value;
    var largenum=0, smallnum=0;

    num1 = (+num1 === 0) ? 0: +num1 || false;
    num2 = (+num2 === 0) ? 0: +num2 || false;
    event.preventDefault();

    if((num1 != false) && (num2 != false)){
        area = num1 * num2;
        alert(area);
    }
    else{
        alert("please enter a proper numeric value");
    }
}, false)

var calcPerimeter = document.getElementById("getmax");
calcPerimeter.addEventListener("submit", function(event){
    var num1 = document.getElementById("num_1").value;
    var num2 = document.getElementById("num_2").value;
    var largenum=0, smallnum=0;

    num1 = (+num1 === 0) ? 0: +num1 || false;
    num2 = (+num2 === 0) ? 0: +num2 || false;
    event.preventDefault();

    if((num1 != false) && (num2 != false)){
        perimeter = (num1 * 2) + (num2 *2 );
        alert(perimeter);
    }
    else{
        alert("please enter a proper numeric value");
    }
}, false)