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:
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:
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:
me parece q nececitas invocar la funcion solo esta declarada
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.
Saludos :D.
me parece q nececitas invocar la funcion solo esta declarada
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.
Saludos :D.
me parece q nececitas invocar la funcion solo esta declarada
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.
Saludos :D.