#1 Cómo agregar Javascript a nuestra hoja HTML - Curso de JavaScript desde cero para principiantes
HTML-код
- Опубликовано: 9 июн 2017
- Bienvenidos al curso de Javascript práctico en páginas web, en este apartado vamos a introducirnos a la iniciación de Javascript en HTML.
Vamos a ver 3 métodos para agregar Javascript a nuestros proyectos web.
Es muy similar a cómo agregamos hojas de estilo CSS...
La primera forma y la recomendada es agregar una hoja aparte con la extensión .js
podemos crear un nuevo archivo
colocarle nombre-inventado.js (aquí la extensión es lo importante, siempre será .js)
colocaremos algo fácil como
alert("hola soy un mensaje");
Nos vamos a nuestro documento html y si queremos que javascript se ejecute cuando nuestro sitio esté cargado, lo insertamos al terminar nuestra etiqueta body.
Abrimos la etiqueta de script y dentro de la primera etiqueta agregamos un src="nombre-inventado.js"
Actualizamos nuestro sitio web y wuala!
Puedes ver como bootstrap.js también es cargado en esta parte del documento.
La segunda opción es escribir el código dentro de una etiqueta html, nos vamos a dirigir al botón y dentro de este colocaremos onclick='alert("hola soy el mensaje numero 2")'
Damos click en el botón y wuala!
La tercera opción y es la que ocuparemos en los futuros ejercicios, pero no es lo recomendado, es agregarlos dentro del documento HTML.
Abrimos las etiquetas de apertura de script y dentro escribimos nuestro código.
En este caso será el mismo del documento externo.
copiamos, pegamos y actualizamos el sitio web.
Wuala!
Finalmente tenemos un bonus el cual es ejecutar javascript dentro del navegador web.
Damos clic derecho, consola y escrimos alert.
damos enter y wuala!
¿Te gustó este video?
Puedes regalarme un café aquí: www.paypal.me/bluuweb
No olvides suscribirte a este hermoso canal y destruirme en los comentarios :)
También puedes seguirme en Facebook: / bluuweb
Finalmente visita mi sitio web: ignaciogutierrez.cl
Música: www.bensound.com/ Mi Setup:
⭐️ Teclado Mecánico: amzn.to/3Ns6fdK
⭐️ Audífonos: amzn.to/3pwrzqt
⭐️ Micrófono: amzn.to/3JH4tV7
⭐️ Monitor: amzn.to/3NTt8Iu
⭐️ Procesador: amzn.to/3raD4EC
⭐️ Tarjeta de Video: amzn.to/437t78b
![Técnicas para aprender a programar 🤩 [Programación principiantes 2018]](http://i.ytimg.com/vi/tlRGfnSgArQ/mqdefault.jpg)
![Técnicas para aprender a programar 🤩 [Programación principiantes 2018]](/img/tr.png)
Bueno gracias, estuve viendo otros tutos y la explicación era incompleta, pero en este tuto fue muy claro y directo, sin tantos rodeos. Muchas gracias por colaborar.
eres un maquina, muy buenos tutos que haces si señor.
gracias hermano ya estaba harto de los que hablan mas de lo que hacen tu fuiste al punto gracias >:D
YUUUUUY!!!
Me gusta tu explicación! Grax te pasaste
vengo de la puta tarea de cuarentena y este tipo me hizo el dia y se me bajo la ansiedad por la tarea gracias men por este video ;:"3
me funciono a la primera me gusta y me suscribo. gracias!
TE AMO TE AMO TE AMO. Llevo mi segunda clase y voy perdidísimo, no entendía nada. CONTIGO LO HE ENTENDIDO.
útil hasta el dia de hoy. gracias
haha gracias, solo por los skipt humoristicos tienes mi aprobacion 👍
muchas gracias me ayudo tu video estaba programando en java scrip y nada me funcionaba `hasta que vi tu video me acorde que tenia que gregar la libreria hahahha muchas gracias por arecordarme likeeee
excelente
Oye el metodo 1 no lo recomiendas ubicar dentro del ? ahi aprendí yo que se ponía.
me hizo asustar con cada énfasis que hacia ... pero buen video, gracias! :p
a mì igual
muy buenoo
Al huevo...!
entonces recomiendas usar la tercera forma?? o la que se nos facilite mas?
Hola, se puede poner un código js ya creado que tiene variables globales sin que se arruine el programa?
Una pregunta, debo crear un archivo Js por cada Html que haya creado?, y gracias por tus vídeos, me han ayudado mucho.
Hola brother, queria hacerte una consulta, sabes que en la pagina que abro de index no me toma nada de lo que pongo dentro de el archivo JS lo pongo tal cual lo tengo como codigo.js enlazado y todo pero lo que escribo en ese codigo.js no me aparece nada esta en blanco
hola, cuando lo intento de la ultima manera no me funciona, pongo en script lo que quiero que se vea, abro y cierro bien los parentesis, y tambien pongo en main.js lo mismo pero no pasa nada, sabes que pueda ser ?
hey que hay nachito por aki hector ya estoy con mis lentes aprendiendo js que no se ni jota jijiji,saludos
+Hector Jaker aprendamos juntos entonces jajaja voy a ir lento pero seguro... que este lenguaje ya es más complicado pero trataré de simplificarlo al máximo 💪😁
+Bluuweb ! gracias nachito por tu paciencia jiji😜 x ahi vamos a ponerlo en práctica poco a poco
+Hector Jaker cualquier duda avisas no más 😉
+Bluuweb ! 😥😥😥 es lo mas seguro jijijij
genial! pregunta alguien sabe si es lo mismo si pongo el script fuera de head? o si o si tiene que estas dentro de body?
Como agrego el contenido de una variable
de un archivo externo de javascript en mi página principal index.html??
puedo tener 2 scripts en el html? Saludos
Me surgió una duda ¿Como puedes imprimir una función que usa recursividad?... Un ejemplo sería
Crear en JS el método de ordenamiento de mergeSort e imprimirlo en una página de HTML
no se por que me aparce en blanco no me sale nada
que es lo que puedo hacer
1:06 jajajaj
:)
Ignacio una consulta que me vino una duda y es que, Si tengo una pag. principal y 3 paginas que cuelgan del menu de la principal, tengo que agregar el llamado a mi js externo en cada una de ellas ? o Colocandolo solo en la principal, las paginas hijas ven las rutinas del js externo ?? gracias
Hola, tienes que llamarlos en cada archivo. Arternativas modernas son vite. Saludos
hey amigo que buen video pero me puieras dar el codigo de la carpeta css que segui tu video al pie de la letra pero me aparece sin estylos gracias y sigue enseñando al mundo a programar saludos de Venezuela
por si a otro le pasa, se debe reemplazar en la linea 9 () por lo siguiente () saludos
Mi profesor me hace bolas porque solo trabaja en la consola... después trabaja en VisualStudio...
Me pierdo cada vez q hace eso 😢
Buen video pero no nos interesa verte la carota cada 10 segundos, la programación requiere de concentración y quitando la pantalla del código para poner tu cara a cada rato uno se desconcentra
😒
fue algo incomodo, solo vine por informacion
mal ejemplo y mala edicion...!!!