ip lv3

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="css.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>

<body>


<form>
<h2>Validacija</h2>
  <label for="ime">Ime:</label>
 <input type="text" name="ime" id="ime" required>
 <br> <br>
  <label for="broj">Umetnite broj:</label>
 <input type="text" name="broj" id="broj" required>
 <i class="fa fa-question-circle" title="Unesite broj izmedu 1 i 10"></i>
  <button type="button" onclick="Kvadriraj()">Kvadriraj</button>

  <p id="rezultat">Ovdje će se ispisati rezultat</p>

  <label for="email">Vaša e-mail adresa:</label>
 <input type="text" name="email" id="email" required>
  <br> <br>
  <button type="button" onclick="Provjeri()">Provjeri</button>
</form>


<script>
	function Kvadriraj(){
		if(document.getElementById("broj").value=="" || document.getElementById("broj").value==null)
			{
			alert("Unesite broj");
			}

		var broj=document.getElementById("broj").value;
		if (broj<1 || broj>10){
			alert("Unesite broj izmedu 1 i 10");
			}
			else {
				document.getElementById("rezultat").innerHTML = (broj*broj);
				}


	}


	function Provjeri() {
		if(document.getElementById("ime").value=="" || document.getElementById("ime").value==null)
		{
		alert("Unesite ime");
		}

		var mail=document.getElementById("email").value;
		var tocka=mail.indexOf(".");
		var manki=mail.indexOf("@");

		if (manki<0){
		alert("Unesite znak @");
		}
		else {
			if(manki<2){
			alert("Unesite bar 2 znaka prije @");
			}

			if (tocka<manki){
			alert("Unesite tocku nakon znaka @");
			}

			if ((tocka-manki) <=2){
			alert("Potrebni je unijeti barem 2 znaka nakon @ prije tocke");
			}
		}


	}


</script>

</body>
</html>