Suma i Resta de nombres en Javascript

X

Privadesa i galetes

Aquest lloc utilitza galetes. A l’continuar, acceptes el seu ús. Aconsegueix més informació; per exemple, sobre com controlar les galetes.

Entès

Anuncis

Les pràctiques de javascript deuen ser d’allò més simple perquè es pugui entendre la lògica de la programació.

En aquesta ocasió presentaré la suma i resta de dos nombres utilitzant HTML, CSS i jAVASCRIPT, amb el codi que s’explica a continuació no només és factible en suma i resta sinó en diversos operadors matemàtics només cal modificar depenent que operació es vulgui mostrar.

Primer crearem el formulari per atorgar-li el nom de la classe als inputs i als labels.

amb això obtindrem el formulari i li botó per sumar i restar, però es veurà d’una manera molt senzilla, tot i que el meu fort no és CSS anem a deixar-ho de tal manera que es vegi una mica més amigable.

Anem a donar-li color de fons ordenar els inputs de forma vertical i encapsular dins d’un quadre.

Li afegiu comentaris perquè s’entengui una mica millor, clar això és perquè es vegi més amigable la nostra practica no és gran ciència , bé quedaria d’aquesta forma.

Ara sí anem a començar amb la programació en Javascript, la idea és Sumar i restar dos nombres.

passos a seguir:

1.- Obtenir el valor de el primer número i guardar-lo en una variable.

2.- Obtenir el valor de el segon nombre i guardar-lo en una variable.

3.- sumar el primer número + segon nombre i guardar-lo en una variable.

4.- mostrar el valor de la suma.

5.- Guardar els passos des de l’1 fins al 4 en una funció sumar ().

6. – cridar a la funció des html on es troba el b Otón.

—————————————–

1.- Obtenir el valor del primer número i guardar-lo en una variable.

a l’obtenir un valor amb getElementById els cacha com un String, perquè el prengui com un sencer o un valor numèric hem d’especificar a què a l’hora d’obtenir-ho converteixi en numèric amb parseInt. molt bé si es donen compte l’argument que es passa ( ‘valor1’) aquest és l’id que se li va posar a l’input al nostre arxiu html. Ara si guardem el valor a la variable num1.

2.- Obtenir el valor de el segon nombre i guardar-lo en una variable

és pràcticament el mateix nadamas se li canvia el valor de l’argument que en aquest cas és ( ‘valor2’) i el guardem en la variable num2.

3.- sumar el primer número + segon nombre i guardar-lo en una variable.

a dels valors que es van obtenir es sumen i el emmagatzemem en una variable en aquest cas var suma.

4.- mostrar el valor de la suma.

Per mostrar el valor es desenvolupa de la següent manera:

* document: Fa referència a el document que s’està treballant és una valor que ha de portar.

* form: Aquest avís la afegim a html fa referència a l’formulari.

* resultat: és el nom de l’tercer input, en aquest cas l’input resultat.

* value: ens diu Pásame el valor que vols mostrar.

* suma: passem el valor a mostrar que és la variable suma.

Si es donen compte es va desenvolupant de forma de capes perquè comença de el document, busca el formulari, i per últim busca l’input on es va emmagatzemar la variable i per últim ho mostra.

5.- Guardar els passos des de l’1 fins al 4 en una funció sumar ().

Bé fins ara mateix tenim aquest codi, el que s’ha de fer és guardar-lo en una funció.

6.- cridar a la funció des html on es troba el botó.

En html afegim un botó, el qual ho utilitzarem per cridar a la funció sumar q ue acabem de crear perquè a el donar clic a el botó realitzi les operacions que conté la funció suma, afegim al botó la següent línia onclick = “suma ()”.amb això ja tenim la suma dels dos nombres.

Però ara falta el codi de restar, doncs bé és pràcticament el mateix codi solament que en veus de sumar anem a restar i anem a cridar a la funció restar ( ) .

I anem a invocar aquesta funció des el botó que teníem destinat per a la resta en html .

A aqui el codi complet .

Leave a Comment

L'adreça electrònica no es publicarà. Els camps necessaris estan marcats amb *