Як зробити калькулятор

Як зробити калькулятор

З моменту впровадження сучасних електронних технологій в повсякденне життя людей, різноманітна електроніка та комп’ютерна техніка використовуються абсолютно у всіх сферах діяльності. Сьогодні багато сайтів надають такі послуги, при яких потрібно перераховувати ті чи інші показники — наприклад, інтернет-магазини, в яких потрібно скласти загальну суму замовленого товару. У цьому випадку вам на допомогу приходить онлайн-калькулятор, вбудований в код сайту, що дозволяє в будь-який момент порахувати яку комбінацію чисел. Вбудувати калькулятор в ваш сайт дуже просто, і в цій статті ми розповімо, як це зробити.

Інструкція

  1. Для того, щоб вбудувати в код будь-якої сторінки вашого сайту найпростішу форму калькулятора, що дозволяє скласти два будь числа і отримати результат, використовуйте наступний код, в якому присутні два поля для введення тексту (input), знак складання і знак рівності, а також кнопка для виведення результату розрахунків:

    <input> + <input> = <span> </ span> <br> <input value=»Посчітать»>
  2. Тепер розберіть зміст програмного коду вашого калькулятора:

    function calc ()

    {

    var num1 = parseInt (document.getElementById («num1″). value);

    var num2 = parseInt (document.getElementById («num2″). value);

    var res = document.getElementById («result»);

    res.innerHTML = num1 + num2;

    }
  3. Код починає діяти після того, як ви натискаєте у створеній вище формі кнопку «Порахувати» — вона викликає функцію calc (). Дайте значення змінним num1, num2 і res — як першому, другому і третьому (результативному) параметрами.
  4. Після кожної змінної є властивість parseInt, яке переводить дані в цельночісленний тип. Розрахунок, одержуваний тут, переноситься в тег span — після цього ваш калькулятор буде готовий.
  5. При належному умінні калькулятор можна створити і вбудувати в сайт не більше, ніж за десять хвилин.