En el código pretendo usar los métodos .replace()
y .toUpperCase()
simultáneamente en el mismo párrafo.
Si lo intento hacer en una misma función, solo me acepta el primer método. Al comentar .toUpperCase()
, .replace()
se activa; pero en ningún caso actúan ambos.
Alternativamente, he creado una segunda función mySecondFunction
, a la que asigno otra variable text2
y que debería afectar al mismo párrafo mediante id="demo2"
, sin embargo esta segunda función no efectúa ningún cambio sobre el párrafo.
Me surgen dos dudas:
- ¿Es correcto que una función ejecute dos acciones? En caso afirmativo, ¿cómo proceder en este caso concreto?
- Asumiendo que para cada acción sea necesario una función nueva, ¿cómo hacer que la segunda función actúe?
- Aclaración: En VSCode no aparece el error generado al ejecutar el código desde Stackoverflow.
<script>
function myFunction() {
let text = document.getElementById("demo").innerHTML;
document.getElementById("demo").innerHTML =
//text.toUpperCase();
text.replace("Hello","World");
}
function mySecondFunction() {
let text2 = document.getElementById("demo2").innerHTML;
document.getElementById("demo2").innerHTML =
text2.toUpperCase();
}
</script>
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript String Methods</h2>
<p>Convert string to upper case:</p>
<button onclick="myFunction()">Try it</button>
<p id="demo" id="demo2">Hello World!</p>
</body>
</html>