кнопка

   Учитель не тот, кто учит, а тот, у кого учатся.


Авторизация
ЛОГИН:
ПАРОЛЬ:
Зарегистрироваться
Поиск
Статистика
Яндекс.Метрика
Электронная книга

«Курс программирования робота LEGO MINDSTORMS EV3 в среде LabVIEW»

/block/box_4.txt


6

Практическая работа по теме: Калькулятор на JavaScript

1.Запустить редактор HEFS HTML Editor For School

2.Набрать код

 

 

<input id="num1" />

 

<div id="operator_btns">

  <button id="plus" class="operator" onclick="op='+'">+</button>

  <button id="minus" class="operator" onclick="op='-'">-</button>

  <button id="times" class="operator" onclick="op='*'">x</button>

  <button id="divide" class="operator" onclick="op='/'">:</button>

</div>

 

<input id="num2" />

<button onclick="func()">равняется...</button>

<p id="result"></p>

 

<script>

  var op; //выбранный оператор

  function func() {

    var result;

    var num1 = Number(document.getElementById("num1").value);

    var num2 = Number(document.getElementById("num2").value);

    switch (op) {

      case '+':

        result = num1 + num2;

        break;

      case '-':

        result = num1 - num2;

        break;

      case '*':

        result = num1 * num2;

        break;

      case '/':

        if (num2) {

          result = num1 / num2;

        } else {

          result = 'бесконечность';

        }

        break;

      default:

        result = 'выберите операцию';

    }

    document.getElementById("result").innerHTML = result;

  }

</script>

 

 

3.Ответить на вопросы, используя Интернет: 1.Как описать «окно» ввода на JavaScript?  2.Как описать «кнопку» на JavaScript? 3.Что обозначает метод:  document.getElementById("").? 4. Что такое function? 5.Что такое break? 6.Как работает case?

27-02-22 19-04-48


Автор сайта: Гришко К.Е учитель информатики и ИКТ МБОУ ПГО "ОСОШ"