Tengo una función de js que da una salida de texto y necesito que este texto salga en un tabla, que ordene los datos, por ejemplo empleados a hay 10 y cobran 10€ por lo tanto el total es tanto, dejo la función aquí:
function calcularSueldos(a,suA,b,suB,c,suC,d,suD)
{
var empA=Number(a.value);
var empB=Number(b.value);
var empC=Number(c.value);
var empD=Number(d.value);
var suelA=Number(suA.value);
var suelB=Number(suB.value);
var suelC=Number(suC.value);
var suelD=Number(suD.value);
var mensaje;
if (a.value.length==0)
{
alert("Por favor, introuduzca un valor para empleados A");
}
else if (b.value.length==0)
{
alert("Por favor, introuduzca un valor para empleados B");
}
else if (c.value.length==0)
{
alert("Por favor, introuduzca un valor para empleados C");
}
else if (d.value.length==0)
{
alert("Por favor, introuduzca un valor para empleados D");
}
else if (suA.value.length==0)
{
alert("Por favor, introuduzca un valor para sueldo A");
}
else if (suB.value.length==0)
{
alert("Por favor, introuduzca un valor para sueldo B");
}
else if (suC.value.length==0)
{
alert("Por favor, introuduzca un valor para sueldo C");
}
else if (suD.value.length==0)
{
alert("Por favor, introuduzca un valor para sueldo D");
}
else if(!Number.isInteger(empA))
{
alert("El número de empleados A no es un número entero.\n"+
"Por favor introduzca un número válido.");
}
else if(!Number.isInteger(empB))
{
alert("El número de empleados B no es un número entero.\n"+
"Por favor introduzca un número válido.");
}
else if(!Number.isInteger(empC))
{
alert("El número de empleados C no es un número entero.\n"+
"Por favor introduzca un número válido.");
}
else if(!Number.isInteger(empD))
{
alert("El número de empleados D no es un número entero.\n"+
"Por favor introduzca un número válido.");
}
else if(suelA<0||empA<0)
{
alert("El sueldo de A o su número de empleados son negativos, porfavor vuelva a introducirlo.");
}
else if(suelB<0||empB<0)
{
alert("El sueldo de B o su número de empleados son negativos, porfavor vuelva a introducirlo.");
}
else if(suelC<0||empC<0)
{
alert("El sueldo de C o su número de empleados son negativos, porfavor vuelva a introducirlo.");
}
else if(suelD<0||empD<0)
{
alert("El sueldo de D o su número de empleados son negativos, porfavor vuelva a introducirlo.");
}
else
{
var totA=empA*suelA;
var totB=(empB*suelB)*4;
var totC=(empC*suelC)*4;
var totD=(empD*suelD)*4;
var totMes=totA+totB+totC+totD;
var totAno=totMes*12;
mensaje="<p>El sueldo de "+empA+ " empledos A a "+suelA+"€ es de: "+totA+"€ el sueldo de empleados B es: "+totB+"€ el sueldo de empleados C es: "+totC+"€ el sueldo de empleados D es: "+totD+"€ el sueldo mensual es: "+totMes+"€ el sueldo total del año es de: "+totAno+"€ </p>";
document.getElementById("salida").innerHTML=mensaje;
}
}
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8"/>
<title>Ejercicio 10</title>
<script type="text/javascript" src="./js/funciones.js"></script>
<link rel="stylesheet" type="text/css" href="./css/estilos.css"/>
</head>
<body id="body">
<div class="titulo" align="center" id="lol">
<h1>Ejercicio 10</h1>
</div>
<p>Función que pide una cantidad de artículos y que calcula el descuento segun el número de unidades.</p>
<div class="form">
<p>
Introduzca el número de empleados tipo A
<input type="text" id="a"size="10"/>
</p>
<p>
Introduzca el sueldo de empleados tipo A
<input type="text" id="suA"size="10"/>
</p>
<p>
Introduzca el número de empleados tipo B
<input type="text" id="b"size="10"/>
</p>
<p>
Introduzca el sueldo de empleados tipo B
<input type="text" id="suB"size="10"/>
</p>
<p>
Introduzca el número de empleados tipo C
<input type="text" id="c"size="10"/>
</p>
<p>
Introduzca el sueldo de empleados tipo C
<input type="text" id="suC"size="10"/>
</p>
<p>
Introduzca el número de empleados tipo D
<input type="text" id="d"size="10"/>
</p>
<p>
Introduzca el sueldo de empleados tipo D
<input type="text" id="suD"size="10"/>
</p>
</div>
<div align="center" class="center">
<button type="button" onclick="calcularSueldos(a,suA,b,suB,c,suC,d,suD)">Calcular sueldos</button>
</div>
</p>
</form>
<div id="salida" class="salida"></div>
</body>
</html>
Y necesito que los datos de los sueldos y todo eso salgan ordenados en un tabla creada por el js, es decir que la tabla creada no este desde el html, sino que la imprima el js y que imprima los datos ya dentro de la tabla, no se si se entiende lo que quiero hacer, espero que si. Espero que me puedan ayudar.