Код магнитолы

JS - телефон

Оппозиция в России ?

Россия и Украина

Мысли в слух...

JS - часы

Российская...власть ?

Skype

Создаём сайт

Любимые сериалы

Гостевая


На главную

Релаксация...

После нешуточных мытарств с ассемблером, просто необходимо расслабится. В качестве расслабляющей процедуры мы посмотрим, как выглядит арифмометр на JavaScript. Как-никак - язык высшего уровня! Выше некуда.
Вспомнив, что такое объектная модель, мы напишем JS-функцию, которая обеспечит работу арифмометра:

  <script language="JavaScript">
  function myFenix(Obj)
    {
      Obj.res.value = eval(Obj.oper.value)
    }
  </script>
 
Вставим эту функцию между тегами <head>...</head>. На ассемблерный код мало похоже - в плане объёма. Да и Java-арифмометр побольше будет.
Для обеспечения внешнего вида арифмометра используем обычную форму, которую поместим после тега <body>:

  <form name="forma">
  Введите арифметическую операцию: 
  <input type="text" name="oper" size="20">
  <input type="button" name="ext" value="Вычислить" 
                     onClick="myFenix(this.form)">  
  Результат вычисления: 
  <input type="text" name="res" size="20"> 
  </form>

Запускать работу js-функции мы будем через элемент формы...type="button". А выглядеть всё это будет, примерно, так:

Введите арифметическую операцию:



Результат вычисления:


Набираем символы 0, 1...9, используем разделитель "." или ",".
Встроенная функция eval() является целевой и обеспечивает работу арифмометра с простейшими арифметическими операциями:

+ - * /

Приведённую форму можно окультурить.
А на десерт - небольшой фокус со шрифтом на страничке:

Шрифт синего цвета
Шрифт красного цвета
Шрифт тёмный корал
Шрифт чёрного цвета

...назад