• Empleos
  • Sobre nosotros
  • profesionales
    • Inicio
    • Empleos
    • Cursos y retos
  • empresas
    • Inicio
    • Publicar vacante
    • Nuestro proceso
    • Precios
    • Evaluaciones
    • Nómina
    • Blog
    • Comercial
    • Calculadora de salario

0

167
Vistas
How to run a JS Function in HTML5

How can I run my function "title()" in HTML? I have created a "main.js" File, in there, there is following Code:

 "use strict";

document.addEventListener("DOMContentLoaded", function() {

    let newScript = document.createElement("script");
    newScript.src = "javascript/head.js";
    let heads = document.getElementsByTagName("head")[0];
    console.log(heads)
    heads.prepend(newScript);
});

in the "main.js" File load an another Script which is called "head.js" and here is the Code of this File:

function title(titleName) {
    let title = document.createElement("title");
    document.title = titleName;
    document.head.appendChild(title);
}

Maybye you need my HTML Code:

    <!DOCTYPE html>
<html lang="en">
<head>
    <script src="javascript/main.js"></script>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script> title("Framework"); </script>
</head>
<body>
    

</body>
</html>
almost 3 years ago · Juan Pablo Isaza
1 Respuestas
Responde la pregunta

0

in head.js add:

window.addEventListener("load", () => title("my desired title name"));

Not sure why someone downvoted, but to clarify, you can run this code anywhere so long as the head.js file has been loaded, it doesn't have to be directly in head.js.

You can add it into main.js:

let newScript = document.createElement("script");
newScript.addEventListener("load", () => title("my desired title name"));
newScript.src = "javascript/head.js";
// ...

You can also run it directly in the HTML in a <script> tag but you'll have to ensure the script is loaded first.

almost 3 years ago · Juan Pablo Isaza Denunciar
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Nuestro proceso Comercial
Legal
Términos y condiciones Política de privacidad
© 2025 PeakU Inc. All Rights Reserved.

Andres GPT

Recomiéndame algunas ofertas
Necesito ayuda