0

Estoy aprendiendo JavaScript y necesito convertir estas dos líneas de código en una función.

var titulo = document.querySelector('h1');
titulo.innerHTML = 'Titulo modificado!'

Creé la función de la siguiente manera:

function actualizarTexto(){
var titulo = document.querySelector('h1');
    titulo.innerHTML = 'Titulo modificado!'
}

Pero no me funciona. He creado funciones que sí funcionan pero a esta en particular no le encuentro el error.

Agrego parte del código

<body>
        <h1>Titulo 1</h1>
        <h2>Titulo 2</h2>
        <h3>Titulo 3</h3> 
        <h4>Titulo 4</h4>
<ul>
            <li>C#</li>
            <li>SQL Server</li>
        </ul>
        <p>Este es un párrafo </p>
        <ol>
            <li>Java</li>
            <li>Javascript</li>
        </ol>
<script>
//var titulo = document.write.querySelector('h1');
//          titulo.innerHTML = 'JS está en la casa';
//Convertir estas dos línes en una función a la que luego pueda llamar.

        function actualizarTexto()
        {
            var titulo = document.querySelector('h1');
            titulo.innerHTML = 'JS está en la casa';
        }

        </script>
        actualizarTexto();  
</body>
6
  • Muestra la parte de tú código de donde estás llamando a al función ActualizarTexto()
    – farsSharp
    Commented el 12 ago. 2017 a las 19:36
  • La función la llamo dentro del <body> <body/>
    – Pabli770
    Commented el 12 ago. 2017 a las 19:48
  • El error que me da es este: SyntaxError: function statement requires a name
    – Pabli770
    Commented el 12 ago. 2017 a las 19:50
  • Hola Pablo, hazle caso al error y ponle un nombre a la función. Commented el 12 ago. 2017 a las 19:52
  • Le acabo de agregar el nombre, ahora no me da ningún tipo de error pero sigue sin funcionar.
    – Pabli770
    Commented el 12 ago. 2017 a las 19:55

2 respuestas 2

2

La llamada a actualizarTexto() debe estar adentro del bloque <script></script> de lo contrario formará parte del HTML.

<body>
  <h1>Titulo 1</h1>
  <h2>Titulo 2</h2>
  <h3>Titulo 3</h3>
  <h4>Titulo 4</h4>
  <ul>
    <li>C#</li>
    <li>SQL Server</li>
  </ul>
  <p>Este es un párrafo </p>
  <ol>
    <li>Java</li>
    <li>Javascript</li>
  </ol>
  <script>
    function actualizarTexto() {
      var titulo = document.querySelector('h1');
      titulo.innerHTML = 'JS está en la casa';
    }

    actualizarTexto();
  </script>
</body>

1
  • Gracias Carlos! Recién estoy empezando y es la primera vez que escribo código en JS, Voy a seguir practicando.
    – Pabli770
    Commented el 12 ago. 2017 a las 20:10
1

Debes llamar a la función ActualizarTexto(); en alguna parte para que se ejecute. Por otro lado, te recomiendo escribir tus funciones y/o variables comenzando en minúscula. No cambia nada, pero es una convención. Sería así function actualizarTexto().

8
  • La llamo justo antes de cerrar el body pero no me funciona. Gracias por el comentario.
    – Pabli770
    Commented el 12 ago. 2017 a las 19:56
  • Fijate que en el html sólo pusiste function () { }. No le pusiste nombre. Commented el 12 ago. 2017 a las 19:58
  • Acabo de editar el código tal como lo tengo actualmente. Ya le agregué el nombre.
    – Pabli770
    Commented el 12 ago. 2017 a las 19:59
  • Tu función la dejaste anonima, y en ningun punto la estas llamando. El tener el script dentro del body de esta forma no se va a ejecutar. Para que se genere el script necesita ser llamado después de algún evento de js.
    – farsSharp
    Commented el 12 ago. 2017 a las 20:00
  • Sólo la declaraste la función. Al declararla, no se ejecuta. Debes llamarla, como te indico más arriba, para que se ejecute. Quedaría así: function actualizarTexto() { var titulo = document.querySelector('h1'); titulo.innerHTML = 'JS está en la casa'; } actualizarTexto(); Commented el 12 ago. 2017 a las 20:00

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.