Omg este vídeo me ha solucionado la vida, tenía que hacer algo similar para clase y no sabía ni por donde empezar, si hacer un grid o una tabla o si usar botones o coordenadas. Muchísisimas gracias
Hice la calculadora, pero en vez de la funcion init hice un array, y con if seleccione los botones, todos los botones tienen la misma clase. quise experimentar! buen video.
a los que no les aparecen los numeros coloquen textContent y no TexContent . en el caso de que las operaciones no se den revisen el html cada asignación en nombre de + - * / etc
Ya terminé, de hacer la calculadora, el único problema es que cuando lo abro en el navegador Google, los números no se escriben en la pantalla(resultado). Alguien puede ayudarme, ya revisé mi código más de 10 veces.
la verdad, muy buena la explicacion ,la estructura del body lo entendi a la prefeccion, solo que me perdir un poco en el momento del estilo, pero me supongo que viendo el video nuevamente lo podre entender ya que esta bien explicado.gracias
Muchas gracias por el video, para ser sincero comence a realizar esto porque estoy actualmente estudiando JS, me he sentido muy frustado asi que busque como realizar un proyecto simple, parta ser sincero al principio no me funciono nada, tuve que ir buscando parte por parte por horas como solucionar cada problema, sin embargo puedo decir que este video me motiva a seguir solucionando problemas en JS. aqui tienes un nuevo seguidor! (perdon por mi mal espanol)
Hola, que tal? Quería consultarte si hay forma de realizar los cálculos sin recurrir a JS. Ya que me lo piden solo en PHP para la Facultad. Si me das una mano te agradezco, saludos.
Hola tenía el mismo error que a varios de aquí Cuando daba clic en el botón no funcionaba revise y tenía mal escrito document.getElementById solo fue eso estén pendientes si tienen algo mal escrita también pasa si escriben el id mal o si escriben resultado.textContent mal va a dar errores
según yo, tengo todo en orden y bien escrito, pero con xampp, sólo me detecta lo escrito en el index.html, ya revicé y si tengo bien la unión al css y al js, si lo abro desde "ctrl + o" ahí sí se ve bien el css, y me funcionaba bien el js, después de terminar de agregar los eventos y empezar con las funciones, ya no se refleja en mi pantalla, incluso cambié el símbolo de multipilar (del "x" a "*" porque yo lo había empezado con "x", nomás porque sí) y eso ni se cambió en la pantalla, me sigue apareciendo el "x", no sé que pex:( si tengo la carpeta de la calculadora en htdocs
Buenas, estoy haciendo esta calculadora en un servidor web Nginx, en Ubuntu Server, y al visualizar la página con la calculadora, no coge bien el css de los "td button". Sin embargo, fuera del servidor web si funciona bien. Sé que es un problema del que no tiene que ver con el vídeo, ya que no tocas el tema de servidor web, pero si pudieras contestar la duda, estaría agradecido. Gracias
***CALCULADORA CON JAVASCRIPT** Procuren de copiar bien el código, vean bien los nombres del css y Js. En mi caso el css lo tengo en un directorio llamado css, asi que en la ruta del "href=" tuve que agregarle el directorio en el que estaba mi css llamado "estilo". Ejemplo: en ejemplo le agregue el "css/" ruta completa en la que esta alojado el css. para el js (JavaScript) es lo mismo. Ejemplo : También le agregue el directorio en el que yo tenia el .js "js/". Estas dos modificaciones se hacen en el html el css esta en y el js esta en . Ami me funciono así, espero que a ustedes también, chau.
tengo un problema y es que a la hora de hacer los eventos si hago click en cualquier botón no me aparece luego en la caja de resultado. Alguien sabe por qué es??
No sé cómo solucionar mi error :( , en consola me sale esto: Uncaught TypeError: Cannot set property 'onclick' of null at init (calculator.js:68) at onload (calculator.html:8) no entiendo qué significa.
Revisa las mayusculas en los metodos, puede ser que tengas getElementByID en lugar de getElementById, TextContent en lugar de textContent, o algo por el estilo
Hola Jonathan, funciona la calculadora, a todo lo hecho, que código debería agregarse para que la calculadora por ejemplo solo reciba 8 dígitos?, espero atento tu respuesta y gracias por enseñar a programar...
Hola Juan, Gracias por tu comentario, podrías agregar una pequeña validación dentro del contenido del evento de click de cada numero, por ejemplo en el codigo del evento del boton 1 podrias tener: if(resultado.textContent.length < 8){ resultado.textContent = resultado.textContent + "1"; } Para verificar que antes de agregar otro numero el elemento resultado tenga menos de 8 caracteres sino no se agregaria. Saludos!
tuve 2 errores con este video 1.Primero los tamaños que especificaste de ancho y alto en las hojas de estilo no me coincideron, lo puse igual que vos y me quedo pequeña la calculadora en comparacion con los botones, igual se arregla facil cambiando los pixeles 2.No me toma los numeros en el resultado.
Amigo lo realice igual como en tu video pero no se sale el programa ósea no me marca los números no entiendo por que y esta igual como tu video lo realice muchas veces y nada :C la parte del JS no sale
Buen dia algunos numeros me dice el numero mas undefined y otros aparecen despues de presionar otros botones ya revise linea por linea es mi primer codigo
Amigos, no tengo ni un solo error en el programa de lenguaje, quiere todo excepto a la hora de resolver, osea no me lo resuelve, alguien me ayuda porfa cuál podría ser el error?
![Seungmin "그렇게, 천천히, 우리(As we are)" | [Stray Kids : SKZ-PLAYER]](http://i.ytimg.com/vi/kAzmhLHePqU/mqdefault.jpg)
Excelente clase, sencillo, rápido, muy entendido, Muchísima gracias, ya aprendí hacer calculadora.
Me alegra amigo!
Omg este vídeo me ha solucionado la vida, tenía que hacer algo similar para clase y no sabía ni por donde empezar, si hacer un grid o una tabla o si usar botones o coordenadas. Muchísisimas gracias
No hace falta usar tabla, la tabla es solo si queres organizar como más "facil" pero todo sería igual
buenísima crack ya tengo 14 años y gracias a este vídeo me informe bien sobre el tema GRACIAS. :D
buenardo, somos dos xd
Ya tienes 17 años :0
Mexico, Mexico ... te llevo en el corazoooooonnnnn! Gracias, mi pana!
Excelente video, gracias por enseñarme muchas cosas nuevas. Saludos desde Bogota - Colombia
Me salió a la perfección. Muchas gracias y muy claro.
Hice la calculadora, pero en vez de la funcion init hice un array, y con if seleccione los botones, todos los botones tienen la misma clase. quise experimentar! buen video.
Estupendo!! me servirá mucho para mis proyectos que quiero realizar. Muchas gracias!!
Muy buena explicacion
a los que no les aparecen los numeros coloquen textContent y no TexContent . en el caso de que las operaciones no se den revisen el html cada asignación en nombre de + - * / etc
mi primer proyecto realizado muchas gracias...
Ya terminé, de hacer la calculadora, el único problema es que cuando lo abro en el navegador Google, los números no se escriben en la pantalla(resultado).
Alguien puede ayudarme, ya revisé mi código más de 10 veces.
me pasa lo mismo
se le puede agregar una base de datos a esta calculadora ?
Mutación obligada. Contribuyó mucho. ¡Excelente vídeo!
excelente! gracias jonathan
la verdad, muy buena la explicacion ,la estructura del body lo entendi a la prefeccion, solo que me perdir un poco en el momento del estilo, pero me supongo que viendo el video nuevamente lo podre entender ya que esta bien explicado.gracias
Salio muy bien... gracias amigo... solo que en lugar de case, yo use if... pero sale lo mismo bien... de 10 el video...
Se puede hacer por medio de visual studio code?
Muy buena explicacion gracias
Muchas gracias por el video, para ser sincero comence a realizar esto porque estoy actualmente estudiando JS, me he sentido muy frustado asi que busque como realizar un proyecto simple, parta ser sincero al principio no me funciono nada, tuve que ir buscando parte por parte por horas como solucionar cada problema, sin embargo puedo decir que este video me motiva a seguir solucionando problemas en JS. aqui tienes un nuevo seguidor! (perdon por mi mal espanol)
me encanto....nuevo seguidor espero aprender muchisimo de la programacion soy nuevo
Muy buen video y muy bien explicado. Gracias!!!
textcontent es lo mismo que innerHTML? GRACIAS BUEN VIDEO!
Muchas gracias, Jonathan. Me ha servido para aprender a crear una carculadora sencilla en base a HTML5, CSS3 y Javascript.
Saludos!
Muy bueno gracias, con claridad y al grano. Se agradece amigo.
Muy claro y conciso !! Gracias compañero!!!
MUCHAS GRACIAS MASTER!!!!!!!
Excelente vídeo, me ayudo mucho en un trabajo que necesitaba. Aunque yo no hice cada operación, sino que use la operación eval() que posee Javascript.
Si, no hace falta poner todo eso
Gran aporte! muy bien explicado ! gracias por compartir el codigo.
Grande Maestra 😸👌
22:21 Cómo hizo para escribir todos los botones así de rápido?
que te valga amigo
Copia y pega
@@luisalvarez6375 gracias we, igual ya me di cuenta media hora después del comentario jajajaj
También ocupo agrgra los botones de elevado a las dos a la tres potencia y porcentaje ya los avegue pero como hago para que funcionen
Cuál es el atajo para copiar las variables en JavaScript?
Que no doy con el, gracias
Muchas gracias amigo. me salvo de un castigo de parte de mi papa xd . gracias bendiciones🥳
Los números no se me visualizan, alguna idea?
Puede ser que programaste mal la función del botón o no identificarte algo correctamente
Hola, que tal? Quería consultarte si hay forma de realizar los cálculos sin recurrir a JS. Ya que me lo piden solo en PHP para la Facultad. Si me das una mano te agradezco, saludos.
y yo creo que no
Tipo, siempre se usa JS
mi pana eres lo maximo
Explicas muy bien, gracias por aportar a la comunidad Dev!!!
Excelente tutorial
Muy bueno!!! me re sirvio.. Gracias!!!
Por qué se pone siempre function(e)??
no me funciono los codigos de ninguna de las 2 paginas de la descripcion en ambos los botones no hacen nada
A mi me pasó, pero me había equivocado en una letra, al cambiarla todo funcionó bien
Muchas gracias, ha sido de mucha ayuda
Hola tenía el mismo error que a varios de aquí
Cuando daba clic en el botón no funcionaba revise y tenía mal escrito document.getElementById
solo fue eso estén pendientes si tienen algo mal escrita también pasa si escriben el id mal o si escriben
resultado.textContent mal va a dar errores
Muchísimas gracias muy bien video , rápido , eficaz , entendible en fin muy bien video
excelente ejercicio gracias
Súper, me salio a la perfección.
Si lo haces con CSS Grid es bastante más rápido.
Porque pusiste function(e)?
Es el nombre del parámetro q decidió ponerle, "e" en este caso representa al elemento.
muito obrigado, salvasse minha vida!!!!!!
ótimo trabalho!!!!!
Como hago para que me aparezca el signo de operación osea 2+2 3-2
según yo, tengo todo en orden y bien escrito, pero con xampp, sólo me detecta lo escrito en el index.html, ya revicé y si tengo bien la unión al css y al js, si lo abro desde "ctrl + o" ahí sí se ve bien el css, y me funcionaba bien el js, después de terminar de agregar los eventos y empezar con las funciones, ya no se refleja en mi pantalla, incluso cambié el símbolo de multipilar (del "x" a "*" porque yo lo había empezado con "x", nomás porque sí) y eso ni se cambió en la pantalla, me sigue apareciendo el "x", no sé que pex:(
si tengo la carpeta de la calculadora en htdocs
Buenas, estoy haciendo esta calculadora en un servidor web Nginx, en Ubuntu Server, y al visualizar la página con la calculadora, no coge bien el css de los "td button". Sin embargo, fuera del servidor web si funciona bien. Sé que es un problema del que no tiene que ver con el vídeo, ya que no tocas el tema de servidor web, pero si pudieras contestar la duda, estaría agradecido. Gracias
amigo me ayudaste mucho gracias
pd: nuevo sub👍👍👍👍👍😎😎
Emm tengo un problema a mi los números no se me escriben y tengo la programacion identica a la del video por q pasara?
@RyDTV!!!! ! si
***CALCULADORA CON JAVASCRIPT**
Procuren de copiar bien el código, vean bien los nombres del css y Js.
En mi caso el css lo tengo en un directorio llamado css, asi que en la ruta del "href=" tuve que agregarle el directorio en el que estaba mi css llamado "estilo".
Ejemplo:
en ejemplo le agregue el "css/" ruta completa en la que esta alojado el css.
para el js (JavaScript) es lo mismo.
Ejemplo :
También le agregue el directorio en el que yo tenia el .js "js/".
Estas dos modificaciones se hacen en el html el css esta en y el js esta en .
Ami me funciono así, espero que a ustedes también, chau.
Tal vez en el documento html en el body no escribiste el onload = "init();"
@@mateoramirezrubio9343 gracias era eso!
GRACIAS!!! me sirvió de mucha ayuda
Gracias por comentar amigo!
vaya no crees que es mucho codigo para poner eventos a los botones?
Te recomiendo delegación de eventos. Revisa mis videos.
jaja por eso comente eso amigo. Por que en el video deberia haberlo usado
Por supuesto amigo, simplemente es para mayor claridad del tema, si añadia delegacion de eventos puede ser confuso para quien inicia, saludos!
te ganaste mi suscripcion
Es responsive?
Muchas gracias, qué buena explicaición. Me salió perfecta!!!!!!
Muchas gracias por el vídeo de antemano, pero tengo un problema.
El archivo CSS no se me carga y no se porque
Me podrías ayudar?, gracias
tengo un problema y es que a la hora de hacer los eventos si hago click en cualquier botón no me aparece luego en la caja de resultado. Alguien sabe por qué es??
Si a mí también me pasó xd
como se llama la aplicacion?
Funciona perfecto!
coloca 100/3 , se descuadrará todo
como solucionarias eso?
que buen video, solo espero que uses plugins para escribir codigo mas rapido, pero en general muy bueno.
Yo le.doy a la de uno.onclick resultados text.context y asi y cuando presiono uno no da, :c no sé que sera😖
muchas gracias
No sé cómo solucionar mi error :( , en consola me sale esto: Uncaught TypeError: Cannot set property 'onclick' of null
at init (calculator.js:68)
at onload (calculator.html:8)
no entiendo qué significa.
Me puedes ayudar? Cuando trato de hacer una operación me sale un error en el inspeccionados que dice que parsefloat no es un resolver...
Muy buenos videos
Excelente video gracias
No puedo modificar la barra de resultado cuando pongo la id en span. Solo en td.
y para usar con números decimales?
No me aparecen los numeros cuando le doy click.. Y lo hice exactamente como tu.
Revisa las mayusculas en los metodos, puede ser que tengas getElementByID en lugar de getElementById, TextContent en lugar de textContent, o algo por el estilo
iniciaste la función init(); al final?
@@Akatharta gracias men era esoo
@@franciscokataldo3707 ¿A qué se refiere exactamente eso de iniciarla al final?
para que es parseFloat?
Queres que te explique o ya sabes?
Oye una pregunta,a mi los botones donde están los números en vez de ser cuadrados son circulares y son rojos..
Como arreglo eso?
bro eres un maestro!
No entiendo por que la funcion init tiene que cargarse en el body con un onload... no me carga y me dice error de sintax.
hola, lo solucionaste? porque me pasa lo mismo
No me funcionan los botones, cuando doy click a un número no se escribe en pantalla... AYUDA
TextContent --> pruebalo con textContent ... tuve el mismo problema y era el problema de escritura en el método
buenas tarde amigo una pregunta como se hace para configurar el punto y el porcentaje en la calculadora
hola jonathan puedes hacer una calculadora para calcular mas de 2 numeros
Como se accede al LocalHost?
Hola Jonathan, funciona la calculadora, a todo lo hecho, que código debería agregarse para que la calculadora por ejemplo solo reciba 8 dígitos?, espero atento tu respuesta y gracias por enseñar a programar...
Hola Juan, Gracias por tu comentario, podrías agregar una pequeña validación dentro del contenido del evento de click de cada numero, por ejemplo en el codigo del evento del boton 1 podrias tener:
if(resultado.textContent.length < 8){
resultado.textContent = resultado.textContent + "1";
}
Para verificar que antes de agregar otro numero el elemento resultado tenga menos de 8 caracteres sino no se agregaria.
Saludos!
Jonathan Melgoza o
usa un for para los addeventlistener o eventos, y tambien es mejor usar grid que tablas
como es que te deja acceder a la variable resultado si no es global
Una pregunta, cómo se puede hacer para que la calculadora tome 2 números simultáneos?, Para hacer operaciones de 2 o más cifras, gracias
Como así?
Al momento de seleccionar los botones no me aparece nada en la parte del resultado, ¿Qué puedo hacer?
Pasa tu codigo
4 meses tarde seguro ya lo resolviste...
En caso de que no Pasa tu resultado
iniciaste la función init(); al final?
@@franciscokataldo3707 se le Habra olvidado algo tan basico?
tuve 2 errores con este video
1.Primero los tamaños que especificaste de ancho y alto en las hojas de estilo no me coincideron, lo puse igual que vos y me quedo pequeña la calculadora en comparacion con los botones, igual se arregla facil cambiando los pixeles
2.No me toma los numeros en el resultado.
Me paso lo mismo, no se que error tuve :c
Cómo puedo poner un numero de limite para presionar un botón?
Amigo lo realice igual como en tu video pero no se sale el programa ósea no me marca los números no entiendo por que y esta igual como tu video lo realice muchas veces y nada :C la parte del JS no sale
como hago para que no este pegada al techo
ayuda!
Eso se hace con css
No me da los resultados de las operaciones
ayuda no consigo hacer que funcionen los botones
Buen dia algunos numeros me dice el numero mas undefined y otros aparecen despues de presionar otros botones ya revise linea por linea es mi primer codigo
ne fonctionne pas la partie de JavaScript s'il vous plaît aider, les numéros n'apparaissent pas dans la zone de texte
NO ME LEE EL GETELEMNTBYID AYUDA
la hice, pero en vez de crear las funciones utilice eval() para resolver el contenido del input
gracias por el video
Amigos, no tengo ni un solo error en el programa de lenguaje, quiere todo excepto a la hora de resolver, osea no me lo resuelve, alguien me ayuda porfa cuál podría ser el error?