[Resuelto] -no obtengo el resultado usando Div

SA
St3v3n Arevalo

@st3v3narevalo83369

hola buen dia el objetivo del codigo es k al ingresar el nombre en la caja de texto: diga "Hola Steven" o cualquier texto; mi estructutra de carpeta es asi: C:\Users\St3v3n\Desktop\pelis\Kurso web\variables en la carpeta variables tengo el index2.html y el script5.js

aki la imagenes:

Avatar
alfred rodriguez garcia

@alfredrodriguezgarcia

me parece q nececitas invocar la funcion solo esta declarada

EG
Edwin García

@edwingarcia

Hola. Esta podría ser una solución.

index.html

<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Manejo html</title>
</head>
<body>
    <label>Ingresa tu nombre
        <input type="text" id="nombre">
    </label>
    <input type="submit" value="Saludar" id="boton">
    
    <div id="resultado"></div>

    <script src="js/scripts.js"></script>
</body>
</html>

scripts.js

let boton = document.getElementById('boton')
let resultado = document.getElementById('resultado')
let nombre =  document.getElementById('nombre')

boton.addEventListener('click', () => {
    resultado.innerHTML = `Hola ${nombre.value.toUpperCase().trim()}`
})

Estructura de los archivos.

  • ejemplo
    • js
      • scripts.js
    • index.html

Saludos :D.

Avatar

Escribe una respuesta