Estoy usando el siguiente código para imprimir un párrafo cuando se hace clic en el botón:
document.querySelector('button') .addEventListener('click', function() { const p = document.createElement('p'); p.id = "text"; const val = document.getElementById('forminput').value; if (val.length) { p.innerHTML = val; document.querySelector('div').appendChild(p); } });Cuando se publique el párrafo, quiero que conserve el mismo estilo CSS, así como la misma función de clic que el
estilo y función que uso para otro contenido.
¿Cuál sería la forma correcta de hacerlo?
Si ya tiene algún estilo configurado para sus etiquetas p, esto se aplicará automáticamente cuando represente la nueva etiqueta p.
De lo contrario, puede crear una clase css personalizada que contenga el estilo que desea aplicar y luego agregar esta classList a su etiqueta p recién procesada de la siguiente manera:
const p = document.createElement('p'); p.classList.add('your-class');