¿Es posible escribir una variable almacenada en una función de un archivo .js en el body del index.html?
Por ejemplo quiero poner debajo del formulario de la calculadora "El resultado de la resta es (y aqui llamar a la variable "resultado" almacenada en la función calcula_resta del archivo .js)"
function calcula_resta(){
var numero1 = document.getElementById("numero1").value;
var numero2 = document.getElementById("numero2").value;
var resultado = (numero1 - numero2);
alert ("El resultado es : " + resultado);
}
<html>
<head></head>
<script type="text/javascript" src="index.js"></script>
<body>
<form>
<p>
<b>Calculadora Resta</b>
<br/><br/>
</p>
Numero1
<br/>
<input id="numero1" type="number" />
<br/><br/>
Numero2
<br/>
<input id="numero2" type="number" />
<br/><br/>
<input type="button" value="Calcular" onclick="calcula_resta()" /><br/>
</form>
<div id= "resultado">
<!-- "EL RESULTADO DE LA RESTA ES + resultado() !-->
</div>
</body>
</html>