No me funciona sacar el mayor de 3 numeros de inputs en javascript


#1

pues soy nuevo y estoy intentando crear una pagina con 3 inputs para que me saque el numero mayor, pero no me funciona

El Código que he creado es el siguiente:

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document 2</title>
<script src="jquery-3.2.1.min.js"></script>
</head>

<input type="text" name="Respuesta1" id="Numero1">
<input type="text" name="Respuesta2" id="Numero2">
<input type="text" name="Respuesta3" id="Numero3">

<script type="text/javascript">
	
var Numero1 = document.getElementById("Numero1").value;
var Numero2 = document.getElementById("Numero2").value;
var Numero3 = document.getElementById("Numero3").value;


if (Numero1 > Numero2 && Numero1 > Numero3) {

 document.write(el mayor es el + Numero1)
}

else if (Numero2 > Numero1 && Numero2 > Numero3) {


document.write(el mayor es el + Numero2)

else if (Numero3>Numero1>Numero2 && Numero3 > Numero2) {

document.write(el mayor es el + Numero2)
}




</script>


<body>

</body>
</html>


#2

This is a one time declaration. It is not dynamic.