Як створити калькулятор, використовуючи мову HTML

Багато хто з вас знають, що програмісти використовують мову HTML для будівництва веб-сайту. Але в HTML існують деякі інші функції, завдяки яким ви маєте можливість зробити щось на кшталт створення калькулятора. Такий калькулятор можна додати на ваш сайт або використовувати його в якості обчислювальної комп`ютерної програми.




Частина 1 з 2: Знання того, що робити

  1. Як створити калькулятор, використовуючи мову HTML

    1

    Запустіть текстовий редактор на своєму комп`ютері.

  2. Як створити калькулятор, використовуючи мову HTML

    2

    Скопіюйте і вставте наведений нижче HTML-код, який формує основу вашого калькулятора.



  3. Як створити калькулятор, використовуючи мову HTML

    3

    Збережіть файл з розширенням HTML (названіефайла.html).

  4. Як створити калькулятор, використовуючи мову HTML

    4

    Відкрийте щойно створений файл і отримаєте готовий HTML калькулятор.

Частина 2 з 2: Копіювання коду

<<span class="kw2">html<<span class="kw2">head<<span class="kw2">titleHtml calculator<<span class="sy0">/title<<span class="sy0">/head<<span class="kw2">body<<span class="kw2">form name="Calculator"Solution<<span class="kw2">input type="Textfield" name="Ans" value=""<<span class="kw2">br<<span class="kw2">input type="Button" value="1" onclick="Document.calculator.ans.value + = `1`"<<span class="kw2">input type="Button" value="2" onclick="Document.calculator.ans.value + = `2`"<<span class="kw2">input type="Button" value="3" onclick="Document.calculator.ans.value + = `3`"<<span class="kw2">input type="Button" value="+" onclick="Document.calculator.ans.value + = `+`"<<span class="kw2">br<<span class="kw2">input type="Button" value="4" onclick="Document.calculator.ans.value + = `4`"<<span class="kw2">input type="Button" value="5" onclick="Document.calculator.ans.value + = `5`"<<span class="kw2">input type="Button" value="6" onclick="Document.calculator.ans.value + = `6`"<<span class="kw2">input type="Button" value="-" onclick="Document.calculator.ans.value + = `-`"<<span class="kw2">br<<span class="kw2">input type="Button" value="7" onclick="Document.calculator.ans.value + = `7`"<<span class="kw2">input type="Button" value="8" onclick="Document.calculator.ans.value + = `8`"<<span class="kw2">input type="Button" value="9" onclick="Document.calculator.ans.value + = `9`"<<span class="kw2">input type="Button" value="*" onclick="Document.calculator.ans.value + = `*`"<<span class="kw2">input type="Button" value="/" onclick="Document.calculator.ans.value + = `/`"<<span class="kw2">br<<span class="kw2">input type="Button" value="0" onclick="Document.calculator.ans.value + = `0`"<<span class="kw2">input type="Reset" value="Reset"<<span class="kw2">input type="Button" value="=" onclick="Document.calculator.ans.value = eval (document.calculator.ans.value)"<<span class="sy0">/form<<span class="sy0">/body<<span class="sy0">/html