estoy trabajando en una vista previa de en donde puedes cambiar los valores y se muestran en automático solo que no sé por qué razón , al usar una función con jQuery esta cambia todos los valores de los di cuando solo se especifica en la función cual se cambia, aquí el ejemplo:
// estos son lo input que tendrán el nuevo valor:
<div class="input-group mb-3">
<span class="input-group-text" style="background-color: #e047ab ;" id="basic-addon1">Titulo</span>
<input type="text" name="Titulo" id="Tituloinput" class="form-control mr-3">
</div>
<div class="input-group mb-3">
<span class="input-group-text" style="background-color: #5e50d8 ;" id="basic-addon1">Parrafo 1</span>
<input type="text" name="Parrafo1" id="ParrafoInput1" class="form-control mr-3">
</div>
// Estos son los div a cambiar :
<div id="Titulo" style="background-color: #e047ab ;" style="font-size: 3em;">Titulo</div>
<div id="Parrafo1" style="background-color: #5e50d8 ;">Parrafo1</div>
//CAMBIAR TITULO
$(".FormularioTicket ").bind("change","div#Tituloinput",function(){
Parrafo1()
});
function Parrafo1(){
var parrafo1 = document.getElementById('Tituloinput').value;
document.getElementById('Titulo').innerHTML=parrafo1;
}
//CAMBIAR TITULO
//CAMBIAR PARRAFO1
$(".FormularioTicket").bind("change", "div#ParrafoInput1",function(){
Parrafo2()
});
function Parrafo2(){
var parrafo2 = document.getElementById('ParrafoInput1').value;
document.getElementById('Parrafo1').innerHTML=parrafo2;
}
pienso que tiene que ver algo la función bind debería usar una nueva versión de jQuery para solucionar esto o estoy haciendo algo mal ?