Quiero convertir lo del primer cuadro de texto a mayuscula y minuscula, según yo esta bien mi función pero no se como hacer que se imprima el resultado en el cuadro de texto de abajo. Cada que doy click en el boton se recarga la pagina y se borra el texto del recuadro
function mayus() {
var resultado
var inicio
var inicio = document.getElementById('original');
var resultado = inicio.toUpperCase();
document.getElementById('resultado'.innerHTML = resultado)
};
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script type="text/javascript" src="/js/script.js"></script>
</head>
<body>
<noscript>
<p>
Bienvenido
</p>
<p>
La página que estás viendo requiere para su funcionamiento el uso de JavaScript. Si lo has deshabilitado intencionadamente,
por favor vuelve a activarlo.
</p>
</noscript>
<form name="formulario" id="inicial">
<input type="text" id="original"/><br>
<input type="text" id="resultado" /><br>
<input type="submit" value="MAYUSCULA" onclick="mayus()" ><br>
<input type="submit" value="minuscula">
</form>
</body>
</html>