nov20-pit A1

by isuru_nan

HTML

<!doctype html>
<html>
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width" />
  </head>

  <body>
    <form name="myform" onSubmit="readMark();">
      <p>
        <label for="mark"> Enter your mark: </label>
        <input type="text" size="10" name="mark" id="mark" />
      </p>
      <input type="submit" value="Submit" />
    </form>

    <script>
      function readMark() {
      	event.preventDefault();
        
		var markValue = document.forms["myform"].elements.mark.value;

        if (isNaN(markValue)) {
	        alert("Not a number");
            return false;
        }
        
        if (markValue < 0 || markValue > 100) {
        	alert("Enter a number between 0 and 100");
	        return false;
        }
        
        if (markValue >= 70) {
        	console.log("Dictinction");
        } else if (markValue >= 60 && markValue <= 69) {
	        console.log("Commendation");
        } else if (markValue >= 40 && markValue <= 59) {
	        console.log("Pass");
        } else {
        	console.log("Fail");
        }
        
        return false;
      }
    </script>
  </body>
</html>