Създаване на проста програма за добавяне с помощта на HTML и Javascript

Опитайте Нашия Инструмент За Премахване На Проблемите

Простата програма за събиране с JavaScript, която ще представя в тази статия, има почти същата функция като калкулатор. Разликата обаче е, че тази програма покрива само няколко аритметични операции и не е толкова пълна, колкото калкулатора, който представих в предишната статия. Как да създадете прост калкулатор с помощта на HTML, CSS и JavaScript




Тук ще предоставим урок за правене на суми с помощта на HTML и JavaScript (плюс CSS), за да украсите дисплея. Като използвате формата и функцията onclick() за извършване на аритметични операции събиране, изваждане, умножение и деление, след това добавете ясен бутон, който функционира за нулиране на всички числа.


ParseInt(), използван в тази програма, функционира за промяна на стойността на низа от входния таг на цяло число. Прочетете повече Разбиране на използването на parseInt() в javascript


И също така alert() работи, за да даде диалогово съобщение (изскачащ прозорец), което използвам в тази програма, когато няма въведени данни/номер, тогава ще се появи съобщението „празен номер“. Научете тънкостите на разбирането на използването на изскачащи прозорци в javascript


Добре, нека да преминем направо, ето урок за правене на сума с помощта на прост HTML, CSS и Javascript.


Проста програма за добавяне, използваща Javascript

Webappbiz.co.uk



форма{

фон: линеен градиент (сив, стоманеносин);

цвят: бял;

подплата: 15%;

margin:auto;

}



Номер 1



Номер 2



Резултати






функция cek(){

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

alert('Празно число');

изход

}

}

функция add(){

проверка ();

a = parseInt(form.angka1.value);

b = parseInt(form.angka2.value);

form.hasil.value = a+b;

}

функция kurang(){

проверка ();

a = parseInt(form.angka1.value);

b = parseInt(form.angka2.value);

form.hasil.value = a-b;

}

функция kali(){

проверка ();

a = parseInt(form.angka1.value);

b = parseInt(form.angka2.value);

form.hasil.value = a*b;

}

функция divide(){

проверка ();

a = parseInt(form.angka1.value);

b = parseInt(form.angka2.value);

form.hasil.value = a/b;

}


Резултати: