Lihtsa lisaprogrammi loomine HTML-i ja Javascripti abil

Proovige Meie Instrumenti Probleemide Kõrvaldamiseks

Selles artiklis tutvustataval lihtsal JavaScriptiga lisamisprogrammil on peaaegu sama funktsioon kui kalkulaatoril. Erinevus seisneb aga selles, et see programm hõlmab ainult mitmeid aritmeetilisi tehteid ja pole nii täielik kui eelmises artiklis esitatud kalkulaator. Kuidas luua lihtsat kalkulaatorit HTML-i, CSS-i ja JavaScripti abil


Siin pakume õpetust summade tegemiseks, kasutades kuva kaunistamiseks HTML-i ja JavaScripti (pluss CSS-i). Kasutades vormi ja funktsiooni onclick() liitmise, lahutamise, korrutamise ja jagamise aritmeetiliste toimingute tegemiseks, lisage seejärel selge nupp, mille funktsioonid lähtestavad kõik arvud.


Selles programmis kasutatav parseInt() muudab stringi väärtuse sisendsildist täisarvuks. Lisateave parseInt() kasutamise mõistmine javascriptis


Ja ka alert() töötab, et anda dialoogiteade (hüpikaken), mida ma selles programmis kasutan, kui andmeid/numbrit pole sisestatud, siis ilmub teade 'tühi number'. Õppige javascripti hüpikaknade kasutamise mõistmise läbi ja lõhki


OK, asume otse asja juurde, siin on õpetus lihtsa HTML-i, CSS-i ja Javascripti abil summa tegemiseks.


Lihtne lisamisprogramm Javascripti abil

Webappbiz.co.uk



vormi{

taust: lineaarne gradient (hall, terassinine);

värv: valge;

polsterdus: 15%;

marginaal:auto;

}



Number 1



Number 2



Tulemused






function cek(){

if (vorm.angka1.value == '' || vorm.angka2.value == '') {

alert('Tühi number');

väljuda

}

}

funktsioon add(){

Kontrollima();

a = parseInt(vorm.angka1.väärtus);

b = parseInt(vorm.angka2.väärtus);

vorm.hasil.väärtus = a+b;

}

function kurang(){

Kontrollima();

a = parseInt(vorm.angka1.väärtus);

b = parseInt(vorm.angka2.väärtus);

vorm.hasil.väärtus = a-b;

}

function kali(){

Kontrollima();

a = parseInt(vorm.angka1.väärtus);

b = parseInt(vorm.angka2.väärtus);

vorm.hasil.väärtus = a*b;

}

function divide(){

Kontrollima();

a = parseInt(vorm.angka1.väärtus);

b = parseInt(vorm.angka2.väärtus);

vorm.hasil.väärtus = a/b;

}


Tulemused :