Добавил:

Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.

Вуз:

Ивано-Франковский национальный технический университет нефти и газа

Предмет:

[НЕСОРТИРОВАННОЕ]

Файл:

Основи мови JavaScript.doc

Скачиваний:

Добавлен:

01.07.2025

Размер:

1.04 Mб

Скачать

☆

<<< < Предыдущая 20 21 22 23 24 25 26 27 28 29 30 3132 / 5032 33 34 35 36 37 38 39 40 41 42 43 44 > Следующая >>>

3.5. Шестнадцатеричный калькулятор

На мові сценаріїв JavaScript можна складати достатньо великі програми. Як приклад приведений вихідний текст сценарію, що виконує функції шестнадцатеричного калькулятора.

Калькулятор створений у документі HTML як форма з двома текстовими полями і кнопками, розташованими в осередках таблиці.

За допомогою кнопок 0 - F можна вводити шестнадцатеричные число, що будуть відображатися в текстовому полі Hex. У поле Dec знаходиться десяткове значення введеного шестнадцатеричного числа або результату обчислень.

Кнопки +, -, * і / призначені відповідно для виконання операцій додавання, вирахування, множення і розподілу. За допомогою кнопки Enter можна одержати результат обчислень. Кнопка СЕ дозволяє стерти поточне введене число, а кнопка С - скинути проміжний результат обчислень і поточне введене число.

Вихідний текст документа HTML із калькулятором поданий у листинге З.9.

Листинг 3.9. Файл chapter3/hexcalc/hexcalc. html

<HTML>

<head>

<TITLE>Hexadecimal calculator</TITLE>

<!--

var total = 0;

var lastOperation = "+";

var newnurnber = true;

function dec2hex(nDec)

{

var szHexTable = "0123456789ABCDEF";

var szResult = "";

var szBuf = "";

var nRem = 0;

var bNegative = false;

if(nDec < 0)

{

bNegative = true;

nDec = -nDec;

}

nTmp = nDec;

while(true)

{

nRem = nTmp % 16;

nTmp = nTmp / 16;

if(Math.floor(nTmp) < 16)

break;

szBuf = szHexTable.charAt(nRem);

szResult = szBuf.concat(szResult);

}

szBuf = szHexTable.charAt(nRem);

szResult = szBuf.concat(szResult);

if(Math.floor(nTmp) != 0)

{

szBuf=szHexTable.charAt(Math.floor(nTmp));

szResult = szBuf.concat(szResult);

}

if(bNegative == true)

return ("-" + szResult);

else

return szResult;

}

function putNumber(btn, form)

{

var szOld = "";

var szNew = "";

if(newnumber)

{

form.displayHex.value = "";

form.displayDec.value = "";

newnumber = false;

}

szOld = form.displayHex.value;

szNew = szOld.concat(btn.name) ;

nCurrent = eval("0x" + szNew) ;

form.displayHex.value = szNew;

form.displayDec.value = nCurrent;

}

function clearNumber(form)

{

form.displayHex.value = "0";

form.displayDec.value = "0";

newnumber = true;

}

function clearAll(form)

{

total = 0;

lastOperation = "+";

clearNumber(form);

}

function plusOp(form)

{

var result; result = total + " " + lastOperation + " " + form.displayDec.value; total = eval(result);

lastOperation = "+";

form.displayHex.value = dec2hex(total);

form.displayDec.value = total;

newnumber = true;

function minusOp(form)

{

var result;

result = total + " " + lastOperation + " " + form.displayDec.value;

total = eval(result);

lastOperation = "-";

form.displayHex.value = dec2hex (total);

form.displayDec.value = total;

newnumber = true;

}

function mulOp(form)

{

var result;

result = total + " " + lastOperation + " " + form.dispiayDec.value;

total = eval(result);

lastOperation = "*";

form.displayHex.value = dec2hex(total);

form.dispiayDec.value = total;

newnumber = true;

}

function divOp(form)

{

var result;

result = total + " " + lastOperation + " " + form.displayDec.value;

total = eval(result);

lastOperation = "/";

form.displayHex.value = dec2hex(total);

form.dispiayDec.value = total;

newnumber = true;

}

function getResult(form)

{

var result; result = total + lastOperation + eval("Ox" + form.displayHex.value);

total = eval(result);

form. displayHex. value = dec2hex (total);

form. displayDec. value = total;

newnumber = true;

}

//-->

</SCRIPT>

</HEAD>

<BODY>

<FORM>

<TR>

</TR>

<TR>

<TD COLSPAN=3><INPUT TYPE=text NAME="displayDec" VАLUЕ="0"

onFocus="this.blur();"></TD>

</TR>

<TR>

</TR>

<TR>

</TR>

<TR>

</TR>

<TR>

</TR>

<TR>

</TR>

<TR>

</TR>

</TABLE>

</FORM>

</BODY>

</HTML>

Найбільше цікаві моменти в листинге такі:

Коли калькулятор відображається в перший разом, у текстових полях displayHex і displayDec, призначених відповідно для відображення чисел у шестнадцатеричном і десятковому виді, знаходяться нульові значення:

<INPUT TYPE=text NAME="displayHex" VALUE="0"

onFocus="this.blur();">

<INPUT TYPE=text NAME="displayDec" VALUE="0"

onFocus="this. blur();">

Ці значення встановлюються параметром VALUE.

Для текстових полів displayHex і displayDec передбачений оброблювач події onFocus. Цей оброблювач одержує керування, коли користувач передасть полю фокус запровадження. Задача оброблювача полягає в тому, щоб знову відібрати фокус запровадження, запобігши безпосереднє редагування числа користувачем.

З кожній із кнопок, пов'язаної з запровадженням шестнадцатеричного числа, пов'язаний оброблювач події onClick, що викликає функцію putNumber, наприклад:

<INPUT TYPE="button" NAME="F" VALUE=" F "

onClick="putNumber (this, this. form);">

Цієї функції передаються два параметри - натиснута кнопка (як об'єкт класу button) і форма, у котрої ця кнопка знаходиться.

Задача функції putNumber - запровадження числа і його відображення в двох текстових полях, розташованих у верхній частині калькулятора:

function putNumber(btn,form)

{

var szOld = "";

var szNew = "";

if(newnumber)

{

form. displayHex. value = "";

form.displayDec.value = "";

newnumber = false;

}

szOld = form.displayHex.value;

SzNew = szOld.concat(btn.name);

nCurrent = eval("0x" + szNew);

form. displayHex. value = szKew;

form. displayDec. value = nCurrent;

На самому початку функція putNumber перевіряє двоичную перемінну newnumber. Якщо значення цей перемінної дорівнює true, користувач уводить першу цифру нового числа. У цьому випадку функція putNumber скидає вміст текстових полів displayHex і displayDec, а також установлює значення newnumber, рівне false.

Далі функція добавляє введену користувачем цифру попереду перемінної szOld, рівної поточному значенню з поля displayHex. При цьому вона викликає метод concat із класу String, призначений для злиття (конкатенации) рядків.

На такому етапі до введеному шестнадцатеричному числа добавляється префікс "Ох", після чого відбувається обчислення поточного значення функцією eval. Ця функція намагається інтепретувати текстовий рядок, переданий їй у якості параметра, як арифметичне вираження, повертаючи результат інтепретації у виді чисельного значення. Цей результат зберігається і перемінної nCurrent і відображається в текстовому полі displayDec (вихідне шестнадцатеричное число відображається в поле displayHex).

Якщо після запровадження числа користувач натискає одну з чотирьох кнопок призначених для виконання операцій додавання, вирахування, множення і розподілу, визиваються функції, призначені для цих кнопок в оброблювачі події onClick. Це функції plusOp (додавання), minusOp (вирахування), mulOp (множення) і divOp (розподіл).

Перераховані функції схожі один на одного, тому можна обмежитися докладним розглядом тільки однієї з них, що виконує операцію додавання:

function plusOp(form)

{

var result;

result = total + " " + lastOperation + " " + form.displayDec.value;

total = eval(result);

lastOperation = "+";

form.displayHex.value = dec2hex(total);

form.displayDec.value = total;

newnumber = true;

}

Тут глобальна перемінна total, що має початкове значення, рівне нулю, використовується для збереження проміжних результатів обчислень. Вона укладається з прогалиною і текстовим рядком lastOperation. потім ще з одною прогалиною і, нарешті, із рядком десяткового уявлення введеного числа, витягнутого з поля displayDec.

Рядок lastOperation призначений для збереження коду операції, що виконувалася востаннє. Додаткові прогалини потрібні для коректної роботи з негативними числами

За допомогою функції eval функція plusOp обчисляє результат операції і записує його в перемінну total. Потім у перемінну lastOperation записується код операції додавання - рядок "+".

На такому етапі функція plusOp перетворює значення total за допомогою функції dec2hex і відображає результат у шестнадцатеричном виді в поле displayHex, а також у двоичном - у поле displayDec.

Перед тим як повернути керування, функція plusOp записує в перемінну newnumber значення true. Це призводить до тому, що при подальшому запровадженні цифр вони будуть розглядатися як цифри другого що складається, що бере участь в операції додавання.

Функція getResult визивається, коли користувач натискає на клавішу калькулятора з написом Enter:

function getResult(form)

{

vаr result;

result = total + lastOperation + eval("Ox" + form.displayHex.value);

total = eval(result);

form.displayHex.value = dec2hex(total);

form. displayDec.value = total;

newnumber = true;

}

Від тільки що описаної функції plusOp ця функція відрізняється лише тим, що вона не змінює значення перемінної lastOperation (тому що дана кнопка служить для одержання підсумкового результату, а не для виконання арифметичної операції).

Цікаво роздивитися функцію dec2hex, що виконує перетворення десяткового числа в шестнадцатеричное. Результат перетворення ця функція повертає у виді текстового рядка.

На початку роботи функція dec2hex перевіряє знак вихідного числа. Негативні числа преобразовываются в позитивні, при цьому в перемінну bNegativе записується значення true.

Алгоритм перетворення десяткового числа в шестнадцатеричное заснований на розподілі вихідного числа на 16 у циклі. Якщо ціла частина результату розподілу, що обчисляється за допомогою методу Math.floor, надається менше 16, цикл завершується. У противному випадку залишок від розподілу розглядається як значення поточного шестнадцатеричного розряду.

Для того щоб одержати символічне уявлення шестнадцатеричного числа по його значенню, треба витягти потрібний символ із рядка szHexTable викликом для цього методу charAt:

szBuf=szHexTable. charAt(nRem);

szResult = szBuf concat(szResult);

Після завершення циклу функція обчисляє старші розряди результату, а також коректує знак цього результату відповідно до стана перемінної bNegative

<<< < Предыдущая 20 21 22 23 24 25 26 27 28 29 30 3132 / 5032 33 34 35 36 37 38 39 40 41 42 43 44 > Следующая >>>

Соседние файлы в предмете [НЕСОРТИРОВАННОЕ]

#
04.08.201985.24 Кб1ОРПТО.docx
#
12.09.2019156.67 Кб3ОС. 2.doc
#
02.09.2019917.5 Кб34Осн електроніки_A4-A5.doc
#
19.09.20191.06 Mб4основи економічної теорії.doc
#
01.07.20252.24 Mб0Основи мови HTML.DOC
#
01.07.20251.04 Mб0Основи мови JavaScript.doc
#
01.07.20259.33 Mб2Основи НГС (для лекцій).doc
#
24.11.20181.82 Mб22Основи обробки матеріалів.doc
#
10.12.20181.94 Mб11Основи обробки матеріалів.doc
#
01.05.2025229.59 Кб0Основи організації міжнародних розрахунків.docx
#
01.04.2025776.19 Кб1ОСНОВИ ОХОРОНИ ПРАЦІ В ЕЛЕКТРОУСТАНОВКАХ НАПРУГ...doc