En el código a continuación pretendo usar el método .replace()
de dos formas distintas y en ningún caso consigo el cambio de texto deseado:
- El evento
onclick
del botón llama a la funciónmyFunction
pero ésta no reemplaza Windows por ZorinOS. - El evento
onmouseover
llama a la funciónmySecondFunction
, pero ésta no reemplaza el valor delspan
al que le he asignado el correspondienteid="demo2"
.
Me surgen dos dudas:
- Al comentar la segunda función, el evento
onclick
del botón sí que activamyFunction
. ¿Por qué sucede esto? ¿Cómo interfiere la segunda función con la primera? - ¿Por qué
mySecondFunction
no cambia elspan
conid="demo2"
cuando comento la primera función?
JavaScript String Methods
Replace "Windows" with "ZorinOS" in the next paragraph:
Please visit Windows!Try it
Please visit Windows!
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript String Methods</h2>
<p>Replace "Windows" with "ZorinOS" in the next paragraph:</p>
<p id="demo">Please visit Windows!</p>
<button onclick="myFunction()">Try it</button>
<p>Please visit <span id="demo2" onmouseover="mySecondFunction()">Windows</span>!</p>
</body>
</html>
<script>
function myFunction() {
let text = document.getElementById("demo").innerHTML;
document.getElementById("demo").innerHTML =
text.replace("Windows","ZorinOS");
}
function mySecondFunction(){
let text2 = document.getElementById("demo2").innerHTML;
document.getElementById("demo2").innerHTML =
text2.replace("Windows","ZorinOS";)
}
</script>