Hola amigos.
Tengo un formulario, que dependiendo el resultado de la suma de los campos, mostrará un div u otro. Este div está en un modal en Bootstrap, y lo que quiero es que cuando se haga clic en el botón cree un contenido, y si hay un contenido creado, lo sustituya... no sé si me explico bien. El código es el siguiente:
Código:
<script>
function motiva(valor1,valor2,valor3,valor4) {
var total;
total = parseInt(valor1.value)+parseInt(valor2.value)+parseInt(valor3.value)+parseInt(valor4.value);
if (total < 5) {
var div1 = document.createElement("div");
div1.setAttribute("id","baja");
div1.innerHTML = "<div>Contenido de resultado 1 en modal</div>";
document.body.appendChild(div1);
}
else if (total < 7) {
var div1 = document.createElement("div");
div1.setAttribute("id","media");
div1.innerHTML = "<div>Contenido de resultado 2 en modal</div>";
document.body.appendChild(div1);
}
else if (total >6){
var div1 = document.createElement("div");
div1.setAttribute("id","media");
div1.innerHTML = "<div>Contenido de resultado 3 en modal</div>";
document.body.appendChild(div1);
}
}
</script>
Y el botón es este:
Código:
<input type="button" name="Ver total" value="Resultado" onclick="motiva(valor1,valor2,valor3,valor4)" data-toggle="modal" data-target="#modalFormulario">
El problema es que si carga un resultado, aunque modifique el formulario para que de otro, al volverle a dar siempre muestra el primero que ha creado...
Gracias!