No sé donde está el error...
Me pasa q al clickear en "CLICK PARA CAMBIAR" me ejecuta la función solo una vez😦. Si quiero volver a cambiar el texto no me deja, simplemente no pasa nada al clickear en "CLICK PARA CAMBIAR". Es decir, me permite hacer el cambio de texto solo una vez.
Dejo código:
function barraEditAcerdeMi() {
// Cada vez q aprieto este botón (el cual tiene su función en "onclick" q es la q estoy definiendo acá) aparecen estos dos elementos, el 1ro es el input donde escribiré el nuevo texto, y el otro elemento es el botón q al presionar hará los cambios. Acá simplemente los hago visibles.
document.getElementById("tituloNuevo").style.display = "block";
document.getElementById("botonCambiarTexto").style.display = "block";
}
function editarAcercaDeMi() {
// Esta funcion es la q se ejecutará al apretar el botón mencionado, es decir, se reemplazará el texto existente por el texto nuevo (el q escriba en el input)
document.getElementById("pAcercaDeMi").innerHTML = document.getElementById("tituloNuevo").value;
}
<body>
<div class="parrafo">
<p id="pAcercaDeMi"><button type="button" id="botonCambiarTexto" onclick="editarAcercaDeMi()"; display:none">CAMBIAR TEXTO</button><input style="display: none;" type="text" id="tituloNuevo"> Este texto se reemplazará por otro al clickear el botón</p>
</div>
<div type="button" onclick="barraEditAcerdeMi()">CLICK PARA CAMBIAR<i class="fas fa-pen-square" id="editAdeMi" style="color: rgb(0, 0, 0); margin: 5px;"></i>
</div>
</body>
El error q me aparece en consola al querer ejecutar la función por 2da vez es: "Uncaught TypeError: Cannot read properties of null (reading 'style')"