Imagínate no solo necesitar los numeros del 1 al 10 sino del 1- 10000, ¿harias 10000 IFs?
Lo mejor es hacerlo con array, el siguiente codigo solo funciona hasta el 39, pero para mejorarlo solo debes de agregar valores a los arrays, y no asi hacer 10000 Ifs.
function romano(a)
{
var x=Number(a.value);
var letra;
var mensaje;
if (x>39||x<=0)
{
alert("Introduzca un numero entre 1 y 39")
}
else
{
var romano=["I","IV","V","IX","X"];
var arabico=[1,4,5,9,10];
var i=4;
var letra="";
while(x>0){
if(arabico[i]<=x){
letra=`${letra}${romano[i]}`
x=x-arabico[i];
}else{
i--;
}
}
}
mensaje="<p> El numero "+a.value+" en romano es: "+letra+"</p>";
document.getElementById("salida").innerHTML=mensaje;
}
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="css/estilos.css">
<title></title>
<meta charset="utf-8"/>
<script type="text/javascript" src="js/funciones.js"></script>
</head>
<body>
<form>
<p>
Introduzca un número del 1 al 39:
<input type="text" name="a" size="39"/>
</p>
<button type="button" onclick="romano(a)">Mostrar resultado</button>
</p>
</form>
<div id="salida" class="salida">
</div>
</body>
</html>
numero arabico
y muestas los valores romanos hasta que elnumero arabico
se vuelva 0.