<div id="contenedor" class="container ">
<p>Número inicial: <input type="number" id="inicial" placeholder="Introduzca el número inicial"></p>
<p></p>Incremento: <input type="number" id="incremento" placeholder="Introduzca el incremento"></p>
<p></p>Número de términos: <input type="number" id="terminos" placeholder="Introduzca el número de términos">
</p>
<button id="calcular" class="btn btn-success">Calcular</button>
<p id="resultado"></p>
</div>
document.getElementById('calcular').addEventListener('click', calcular)
function calcular () {
const inicial = parseFloat(document.getElementById('inicial').value)
const incremento = parseFloat(document.getElementById('incremento').value)
const terminos = parseFloat(document.getElementById('terminos').value)
if (!isNaN(inicial) && !isNaN(incremento) && !isNaN(terminos)) {
const serie = calcularSerie(inicial, incremento, terminos)
document.getElementById('resultado').innerHTML = serie
} else {
document.getElementById('resultado').innerHTML = 'Algún número es incorrecto'
}
}
function calcularSerie (inicial, incremento, terminos) {
let res = ''
for (let i = 0; i < terminos; i++) {
res += (inicial + incremento * i) + ', '
}
return res.slice(0, -2)
}