Calculadora en javaScript 07 - Elevación Digital

Creamos un formulario, creamos inputs tipo number con autofocus y botones. Luego programamos las funciones de sumar, restar, multiplicar y dividir.
Visítanos en: elevaciondigit...
Facebook: / elevaciondigital

[@germanpinto883]

de todas las calculadoras q he visto en youtube y q se adapta mejor para nosotros los principiantes es esta... Entendí todo muy claro y la hice y me salió bien, vine a buscar madera y me llevo oro, gracias...

Gracias por tu comentario, este es un ejemplo básico. Hasta pronto.

[@isaiasmartinez9787]

Total

[@mariaaldanacao8784]

Sos un genio!!! gracias a vos estoy resolviendo un simulador para aprobar mi curso de javaScrip..

Gracias a ti!

[@karinaromansalgado5550]

Excelente video, gracias por salvarnos a tod@s los principiantes.

Con mucho gusto

[@Samuel-94]

Gracias por tu video bro, buscaba saber cómo capturar los datos de los los input:number para un proyecto propio y tu video me ayudó muchísimo

Me alegra haber ayudado, un abrazo y hasta pronto

[@MrAlexFF]

Eres el mejor amigo, con tigo aprendi mucho mejor que con mi profe 😅, Gracias amigo

Gracias bro, estoy preparando un curso completo de javascript actualizado, espero sacarlo en una semanas, un abrazo!

[@tiradogonzalezricardo7389]

En 2021 esto me ayudo a hacer mi tarea gracias amigo :3

Perfecto amigo, ya estoy sacando más videos de Javascript y pronta haré de niveles más avanzados. Un abrazo

[@LGDHwicho]

Bastante bueno, pude entregar una tarea a tiempo gracias a esto.

Me alegro mucho, un abrazo!

[@freddyarriagacruz8987]

Gracias papu... me está ayudando... mucho... ya me voy dando cuenta q es parecido a visula ☺

hola colega, así es, todos se parecen, solo cambia la sintaxis. Un abrazo!

[@saulbeisaga8503]

Belleza entendíble

Gracias

[@rajatve]

Hola amigo, muchas gracias por el vídeo realmente me ha ayudado mucho. Saludos.

[@carolr7636]

Super bien explicado🤗 Gracias por compartir.

[@durkg7911]

[@dickygirl69]

Gracias a ti termine primero el trabajo, bro Muchas gracias :DD

Me da gusto, recuerda que ahora existen otras formas de hacerlo utilizando addeventlistener. Un abrazo, hasta pronto

[@urielbeltran5447]

Gracias amigo 😍 muy buen tutorial TE GANASTE UN SUBSCRITOR

Gracias colega, pasa un buen día!

[@DragonNegro1989]

Genio, me hiciste la tarea, GRACIAS ;)

[@sebastianrojas451]

2020 el mejor video bien explicado y musica de fondo para que no te duermas :3 gracias brod o jala para este 2020 no muestres cosas nuevas

Hola, claro que si, tenemos videos de php y otros temas de marketing. Saludos!

[@josesantiago-locoinformati3276]

Muchisimas gracias, nuevo suscriptor :)

Gracias José, estoy preparando más tutoriales de js, php, mysql, etc. Pronto salen del horno, un abrazo.

[@melaniequercetti7830]

Hola, cómo estás? Sabes que no me funcionan los botones, solo el de limpiar, pero leí el código y parece estar bien, sabes que puede ser??

Por favor revisa bien todo, mayúsculas y minúsculas, espacios en blanco y los textos. No olvidar el punto y coma. Suerte!

[@miguelangelquizaneuto6471]

a mi me pasa lo mismo

[@milagrosperalta9703]

Me pasa igual y no se que puede ser

[@melaniequercetti7830]

@@milagrosperalta9703 lo solucioné sacándole el "js/" del src

[@OmarFerGoL]

Excelente tutorial, una pregunta, si deseo que el resultado sea automatico sin necesidad de hacer clic?

Hola, en lugar de onclick utiliza onkeyup, aqui un ejemplo: www.w3schools.com/jsref/event_onkeyup.asp

[@facumartinez329]

muy bien explicado

[@ryosetsujin]

man sos grosso sabelo, si estubieramos en taringa te daria el +10

Jajajaj que buenos recuerdos de Taringa. Gracias por ver el vídeo, suscribete que eso me ayuda. Hasta pronto

[@perlasheccidmorahernandez6182]

Excelente explicación, nuevo sub 👌

Gracias, acabamos de publicar un curso super completo de WORDPRESS totalmente gratis. Si gustas lo puedes ver en el canal. Saludos!

[@jonhy7262]

buen video y bien explicado

Gracias, un abrazo!

[@Brendiuh]

Muchas gracias, me salvaste el semestre jaja

De nada, saludos!

[@richards27]

Me distraigo con la música de Euro Truck simulator de fondo 😂

Jajajaja qué buenos recuerdos 😃

[@ponch1231]

Chido bro, me sirvió para poder sacar las funciones

Excelente! Cuidate mucho, saludos!

[@jazbethgarciamotano7632]

Una duda...si en vez de que sea type number, sea de tipo texto, como se le hace?

Hola, a nivel del input puede ser number o text, no hay problema. Lo que debemos recordar es que cualquier valor ingresado por un formulario se va interpretar como CADENA DE TEXTO y tu decides que hacer con ello. Saludos!

[@christianorona]

Sirve igual con un radio button? En vez de botones normales?

si, utiliza eventos. Saludos!

[@adrianmt7357]

Como puedo poner el resultado en un input type text, he visto varios videos y aunque haga exactamente lo mismo, no me sale

[@lavidamodernadesanti]

muchas gracias

[@Muugenn]

tengo una duda, si me estan pidiendo que primero calcule la suma de las notas del trimestre y sin refrescar la pagina, debo dividir entre 3 para encontrar el promedio como hago?

Para hacer cálculos sin refrescar la página debes utilizar AJAX

[@juliocesarchavezgutierrez3757]

wey tu codigo no me hagarra, se lo enseñe como a 20 personas y ninguna me encuentra un error, que paso ahí master? como carajos se pone el innerHTML???

El código funciona perfecto, tener este tipo de errores es parte de tu formación así que bienvenido al club, pero estoy seguro que si lo reviso encuentro el error. Y eso pasa bastante en programación. Saludos y mucha suerte.

[@marpiemar]

Me funciona todo, pero unos segundos después del cálculo la página se me refresca sola, ¿se puede evitar y que se mantenga el resultado?

Por favor en el html elimina el form

[@martfraca7555]

muy bueno gracias

Gracias, un abrazo!

[@renatopardo4234]

buen video bro

muchas gracias

[@angelinavasquezhernandez9888]

Una pregunta, y en el caso de potencia y raiz cuadrada como seria? Necesito ayuda con esoo

[@rogergomez2512]

Hola utiliza símbolo de 2 asteriscos: ** o sino la función pow. Saludos.

[@rodrigovenegas9846]

Está muy bueno el tutorial! (Y)

Gracias, estoy a la orden, saludos!

[@nautilushome16]

Tengo una duda, porque no declarar la variable global en lugar de local, para comprimir el código?

El ejercicio es básico y demostrativo, se puede optimizar bastante

[@nosoynv12321]

cuando pones el utofocus placeholder, como puiedo hacer que tenga un valor, supongamos 0. y que cuando tengamos un onclick se cambie al valor del boton y no se quede el 0. espero tu respuesta gracias

Hola, puedes crear una función que se dispare con el evento onload

[@Dyzz-cg6gb]

y si quiero crear una ventana emergente con el resultado que script añadiria?

alert

[@orlandolando9421]

oye se podra hacer una calculadora de numeros complejos en javaScript?

claro que si, todo es cuestión de analizar la lógica y utilizar los operadores de javascript correctamente

[@5b-09-cucramirezurielelise5]

todo muy bien explicado pero tengo un problema, justo en el paso de declarar las variables no me realiza la suma. aparece un resultado "NaN"

Hola, ese es un error clásico. Por favor en el navegador dale click derecho, inspeccionar, consola. Mira si sale algún error. A veces también sale porque escribiste algo mal. Es un error muy común. Revisa bien con calma. Un abrazo.

[@jovanirios5218]

es posible mostrar el resultado en un input? y como seria? por favor

en el input hay value, entonces con el evento le das a agregar el valor a esa parte

[@CarlosFelipeFernandezFalcon]

hola, muchas gracias por el video, cómo puedo hacer para que el resultado salga en un input?

Colocas el input y dentro de value el resultado, saludos

[@ayrtonbolwal]

Todo genial maestro, pero en mi práctica cada vez que le doy sumar, se ve que hace la operación porque muestra el resultado como medio segundo y se recarga la página vaciando los datos y el resultado. No se si algunas vez te pasó algo igual. Saludos! y Gracias!

Creo que hay un form, quitalo y prueba

[@ayrtonbolwal]

@ Gracias maestro, encontré el problema y si, puse el button dentro del form, gracias totales!

[@IanPascuall]

Excelente tutorial, pero cuando lo ejecuto me dice que la pagina no esta disponible

Hola, revisa bien el código.

[@gloritagloritas1290]

gracias :)

Saludos!

[@ReyesCreativos]

ya lo hice ahra como lo pongo en mi pagina web ? ´prfavor ayudame es que lo quise subir a mi pagina de google sites y no dan las funciones

Solo se sube al Hosting, lo más utilizado es cpanel a través de ftp con Filezilla o directamente por web de cpanel. Saludos

[@ReyesCreativos]

@ una pregunta porquye no acepta decimales por decir no puede multiplicar 1.5x2.5

@@ReyesCreativos debe ser por el tipo de dato. El int es solo entero, prueba con float, sería parseFloat. Saludos

[@ReyesCreativos]

@ hola muchas gracias pero no funciona :( mira esto es lo que puse has de cuenta quiero multiplicar con punto y no da, hice un cotizador para mi web, pero necesito que multiplique con punto decimal, no seas malo ayudame mi calculadora con Javascrio Largo: Ancho: Lona Vinil Impreso Microperforado Lona traslucida Corte de Vinil El Costo es: $ function Lona() { var x = parseFloat(document.getElementById("valor1").value); var y = parseFloat(document.getElementById("valor2").value); document.getElementById("el-resultado").innerHTML = x*y*159; } function Vinil() { var x = parseInt(document.getElementById("valor1").value); var y = parseInt(document.getElementById("valor2").value); document.getElementById("el-resultado").innerHTML = x*y*299; } function Microperforado() { var x = parseInt(document.getElementById("valor1").value); var y = parseInt(document.getElementById("valor2").value); document.getElementById("el-resultado").innerHTML = x*y*350; } function Traslucida() { var x = parseInt(document.getElementById("valor1").value); var y = parseInt(document.getElementById("valor2").value); document.getElementById("el-resultado").innerHTML = x*y*380; } function Corte() { var x = parseInt(document.getElementById("valor1").value); var y = parseInt(document.getElementById("valor2").value); document.getElementById("el-resultado").innerHTML = x*y*320; }

[@ReyesCreativos]

@ por favor ayudame

[@rebelparade4326]

si quiero dividir 0/0 que deberia poner?

Interesante, no se puede dividir con cero, en tal caso se debe validar con un if y decir que el denominador debe ser diferente de cero, de lo contrario que envíe un mensaje de indeterminado. Un abrazo!

[@jorgecarogutierrez6710]

hola buenas noches y en ese caso donde se ubicaría la condición?, gracias !!

[@666Sarry]

!Muy buen vídeo! Una pregunta. Intenté hacer lo mismo pero declarando las variables x e y fuera de las funciones con tal de hacerlo solamente una vez, y luego llamar a las variables dentro de cada función pero no me funciona. ¿A qué se puede deber eso? Gracias y saludos!

[@rogergomez2512]

Hola, es porque estamos utilizando onclick y llamamos específicamente a la función. Por tanto sólo va ejecutar lo que está dentro

[@2Katusha]

pregunta como podria hacer esta calculadora. pero poniendo en numero 1 y numero 2 y respuesta en una sola casilla es decir. al momento de poner el primer numero ingresarlo. y despues poner el segundo. luego escoger el procedimiemto matematico para sumar restar y dividir

Eventos o addeventlistener con select

lo revisaré

[@pcanteroh]

Si trabajas con números decimales cual es el código para que los resultados de las operaciones salga con un numero determinado de decimales

No sé tu dime

[@J0selinh0]

Amigo a la hora de realizar las operaciones me tira error Sumar

[@J0selinh0]

cuando tengo que apretar el boton sumar me sale que tengo error ahí

[@adrianmt7357]

Tal vez el punto y coma que tienes después de los parentesis

[@nifares8744]

Es mejor usar addEventListener; agregarDetectorEventos.

Ver al navegador, dar click derecho, click en inspeccionar, luego busca "CONSOLE". En ese lugar te muestra los posibles errores que tengas. Saludos!

[@claudiabrouwer4170]

Excelente! Muchas gracias. Das clases en lìnea?

Hola, si, aunque dependerá del tema en específico. Puedes escribir con toda confianza a [e-mail] Muchas gracias!

[@avaloshuertanayraly857]

Cómo puedo poner el archivo de funciones en html sin necesidad de crear el archivo js?

Antes de cierre de body abres y cierras etiqueta script

Hola tengo un ejercicio parecido, y no se como hacerlo, me podrías ayudar si te lo mando? Por favor, ando desesperado, un cordial saludo

Pública en grupos de Facebook, es muchos más rápido

[@jorgeeliasvelascocornejo2686]

Y todo eso se puede hacer en una sola pantalla?, yo lo intente hacer y no me funciona osea me funciona el limpiar, pero la suma y resta y demas no que hago?

si se puede, elimina el form y listo

[@3HJb]

me sale un error nose si sabe explicarme se me borra el resultado no me queda el resultaddo mostrado

Elimina el form

[@facundojuarez4619]

Hola ! el video me ayudo de mucho, pero tengo un error, cuando le doy click para calcular, mi html hace un refresh y no me arroja el resultasdo, que puede ser ?. Gracias !

Elimina el form

[@ayudavid7499]

hola como seria para números negativos

[@moisesantoniojustoseymour151]

nesecito ayuda no me funciona

que paso amiguito. Por favor revisa bien el código, quizás te falta un punto y coma

[@jimmyvalladares650]

Amigo muy bueno el video pero talvez me podrias ayudar que con el resultado obtenido ahi me lance otra vez el menu para que con ese resultado hacer otra operacion, por fa

[@nifares8744]

Como se haría con un select y option en lugar ee usar .

Utilizamos un evento diferente al de onclick. Revisa esa parte, búscalo como eventos Javascript. Saludos

[@FernandoLopez-uf6ch]

Excelente video pero tengo un problema si me podrias ayudar, al darle en limpiar campos me da error en la web diciendo que la pagina no funciona, porque se da eso?

ni idea, se tiene que revisar el código

[@naomielenaramirezrendon5092]

Ay, de mi parte no me sale el resultado de las operaciones y cuando pongo un alert para probar el js tampoco me lo muestra pero funciona bien el botón de limpiar quien sabe porque

Errores de tu código, deberás buscarlo, es normal cuando empiezas

[@maxasmr415]

Cada que presiono un boton, me ejevuta la accion pero me aparece que la pagina web no se encontro

Se tendría ir revisar y encontrar el error, lamentablemente no puedo ayudarte por aquí ya que tendría que ver tu código. Espero hayas podido solucionarlo, un abrazo

[@RorrixPirrorrix]

amigo si quiero operar números decimales, qué debo hacer en el type, ya que number solo deja números enteros. Gracias de antemano :D

ponle text, y en parse que sea Float

[@bryanarmando8826]

O dentro del type number , puedes poder "step=any"

[@Gansiusoficial]

Esto si es explicar

Gracias colega

[@carlospalaciosartigas2178]

No me muestra las casillas para escribir mis numero para ya realizar la operacion

Revisa tu código, verifica que todo sea igual al.mio. saludos

[@carlospalaciosartigas2178]

@ gracias si me sirvió después de todo

[@gersongarcia1671]

Que fácil

Gracias por ver el video, saludos!

[@edgardogarcia6263]

Hola me puedes compartir el código por favor.

No lo tengo, igual son poquísimas líneas y creo que deberías tomarte unos 5 minutos y escribir

[@ezequielmontoya3117]

2022 no funciona este video, al limpiar campos aparece error

Que raro, intenta otra vez por favor

[@MatiasR359]

Deberias hacer un tutorial de un juego de 5 preguntas y dependiendo cuantas respondas bien al finalizar haga una suma de puntos por aciertos. Los juegoa de preguntas que hay en yt son para profesionales y no para los novatos como yo🥺

Lo tendré en mente

[@rogergonzalez7611]

no me sale el autofocus y demas como lo pongo?

sigue el tutorial

[@rogergonzalez7611]

@ no me trabajan las funciones 😭😭😭

[@rogergonzalez7611]

@ solo me funciona el limpiar

[@enriqueaguilarsalinas5393]

Por favor podras pasarme el codigo

Descripción del video

[@danielmateoroperoreyes2501]

podrian pasar el codifo porfavor

No lo tengo, pero dale son muy pocas líneas, si quieres aprender debes escribir

[@A9VEnergiadelArbolVida]

saca esa musica amigo

Si, ya no pondré más música. El problema es que por donde vivo hay mucha bulla y ponía la música para ocultar esos sonidos raros.

[@gaby47213]

copie todo tal cual y no me salta error en todo jaja

Revisa bien

[@yamiledaza6493]

Graciasss casi me muroo pero no jjkjkjkjkj

sigues vivo? :) jejeje checate nuestro ultimo video de menu responsive con javascript

[@lafiebredelavainaestudio7493]

la letra e se cuela

Ok