По этой ссылке Вы можете посмотреть, как выглядят и работает Инженерный Калькулятор (вариант 2): http://enigma.nanoquant.ru/demo-script/calc/demo-calc3.html.
Если Вы хотите установить такой инженерный калькулятор себе на свой сайт, то здесь находится инструкция по установке и коды, которые нужно скопировать на свой сайт.
Этот код нужно вставить вставьте между тегами head на той Вашей веб-странице, где будет находится инженерный калькулятор.
<SCRIPT LANGUAGE="JavaScript"> <!-- Begin function addChar(input, character) { if(input.value == null || input.value == "0") input.value = character else input.value += character } function cos(form) { form.display.value = Math.cos(form.display.value);} function sin(form) { form.display.value = Math.sin(form.display.value);} function tan(form) { form.display.value = Math.tan(form.display.value);} function sqrt(form) { form.display.value = Math.sqrt(form.display.value);} function ln(form) { form.display.value = Math.log(form.display.value);} function exp(form) { form.display.value = Math.exp(form.display.value);} function sqrt(form) { form.display.value = Math.sqrt(form.display.value);} function deleteChar(input) { input.value = input.value.substring(0, input.value.length - 1) } function changeSign(input) { if(input.value.substring(0, 1) == "-") input.value = input.value.substring(1, input.value.length) else input.value = "-" + input.value } function compute(form) { form.display.value = eval(form.display.value)} function square(form) { form.display.value = eval(form.display.value) * eval(form.display.value)} function checkNum(str) { for (var i = 0; i < str.length; i++) { var ch = str.substring(i, i+1) if (ch < "0" || ch > "9") { if (ch != "/" && ch != "*" && ch != "+" && ch != "-" && ch != "." && ch != "(" && ch!= ")") { alert("invalid entry!") return false } } } return true } // End --> </SCRIPT> |
Следующий код нужно вставить между тегами body на той же веб-странице в то самое место, в котором Вы хотите, чтобы находился инженерный калькулятор.
Разумеется тегам input, table, tr и td можно присвоить любые нужные Вам стили, и, вообще, можно отформатировать этот калькулятор так, как Вы сами считаете нужным. Например, поменять места расположения кнопок, дисплея и т.п.
<form> <table align=center cellspacing=4> <tr align=center> <td colspan=5> <input name="display" value="0" size=25> </td> </tr> <tr align=center> <td><input style="width:45" type="button" value="exp" onClick="if (checkNum(this.form.display.value)) { exp(this.form) }"></td> <td><input style="width:45" type="button" value=" 7 " onClick="addChar(this.form.display, '7')"></td> <td><input style="width:45" type="button" value=" 8 " onClick="addChar(this.form.display, '8')"></td> <td><input style="width:45" type="button" value=" 9 " onClick="addChar(this.form.display, '9')"></td> <td><input style="width:45;" type="button" value=" / " onClick="addChar(this.form.display, '/')"></td> </tr> <tr align=center> <td><input style="width:45" type="button" value=" ln " onClick="if (checkNum(this.form.display.value)) { ln(this.form) }"></td> <td><input style="width:45" type="button" value=" 4 " onClick="addChar(this.form.display, '4')"></td> <td><input style="width:45" type="button" value=" 5 " onClick="addChar(this.form.display, '5')"></td> <td><input style="width:45" type="button" value=" 6 " onClick="addChar(this.form.display, '6')"></td> <td><input style="width:45" type="button" value=" * " onClick="addChar(this.form.display, '*')"></td> </tr> <tr align=center> <td><input style="width:45" type="button" value="sqrt" onClick="if (checkNum(this.form.display.value)) {sqrt(this.form) }"></td> <td><input style="width:45" type="button" value=" 1 " onClick="addChar(this.form.display, '1')"></td> <td><input style="width:45" type="button" value=" 2 " onClick="addChar(this.form.display, '2')"></td> <td><input style="width:45" type="button" value=" 3 " onClick="addChar(this.form.display, '3')"></td> <td><input style="width:45" type="button" value=" - " onClick="addChar(this.form.display, '-')"></td> </tr> <tr align=center> <td><input style="width:45" type="button" value=" sq" onClick="if (checkNum(this.form.display.value)) { square(this.form) }"></td> <td><input style="width:45" type="button" value=" 0 " onClick="addChar(this.form.display, '0')"></td> <td><input style="width:45" type="button" value=" . " onClick="addChar(this.form.display, '.')"></td> <td><input style="width:45" type="button" value=" +/- " onClick="changeSign(this.form.display)"></td> <td><input style="width:45" type="button" value=" + " onClick="addChar(this.form.display, '+')"></td> </tr> <tr align=center> <td><input style="width:45" type="button" value=" ( " onClick="addChar(this.form.display, '(')"></td> <td><input style="width:45" type="button" value="cos" onClick="if (checkNum(this.form.display.value)) { cos(this.form) }"></td> <td><input style="width:45" type="button" value=" sin " onClick="if (checkNum(this.form.display.value)) {sin(this.form) }"></td> <td><input style="width:45" type="button" value=" tan " onClick="if (checkNum(this.form.display.value)) { tan(this.form) }"></td> <td><input style="width:45" type="button" value=" ) " onClick="addChar(this.form.display, ')')"> </td> </tr> </table> <input style="width:70" type="button" value="Clear" onClick="this.form.display.value = 0 "> <input style="width:109" type="button" value="Back Space" onClick="deleteChar(this.form.display)"> <input style="width:70" type="button" value="Enter" name="enter" onClick="if (checkNum(this.form.display.value)) { compute(this.form) }"> </form> |
Внимание! Если эти коды копируются из Вашего браузера в Вашу веб-страницу неправильно, то нужно их сначала скопировать в какой-нибудь самый простой текстовый редактор, например, в Блокнот. А уже потом оттуда их скопировать на свою веб-страницу.