Как сделать калькулятор на Javascript для страницы? onclick-должны быть только в js файле

@deconi · Регистрация: 03.12.2015

Author24 — интернет-сервис помощи студентам

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
    <title>Калькулятор</title>
    <link rel="stylesheet" href="style.css" />
</head>
    <body>
        <header>    
            <img src="webLogo.png" alt="Логотип" width="300" /><br />
            <h1>Основы Web-технологий</h1>  
        <nav>   
            <ul>
                <li><a href="index.html">Главная</a></li>
                <li><a href="web-technology.html">Web-технологии</a>
                    <ul class="dropdown">
                        <li><a href="HTML5.html">HTML5</a></li>
                        <li><a href="CSS3.html">CSS3</a></li>
                        <li><a href="JavaScript.html">JavaScript</a></li>
                    </ul>
                </li>
                <li><a href="calculator.html">Калькулятор</a></li>
                <li><a href="test.html">Тест</a></li>
            </ul>
        </nav>
        </header>
        <div id="calculator">
            <form name="calculator">
                <table border="1">
                    <tr>
                        <td colspan="5"><input id="rez" type="text" class="area" /></td>
                    </tr>
                    <tr>
                        <td><input id="seven" type="button" name="button" value="7" /></td>
                        <td><input id="eight" type="button" name="button" value="8" /></td>
                        <td><input id="nine" type="button" name="button" value="9" /></td>
                        <td><input id="divide" type="button" name="button" value="/" /></td>
                        <td><input id="btnclear" type="button" name="button" value="C" /></td>
                    </tr>
                    <tr>
                        <td><input id="four" type="button" name="button" value="4" /></td>
                        <td><input id="five" type="button" name="button" value="5" /></td>
                        <td><input id="six" type="button" name="button" value="6" /></td>
                        <td><input id="multiply" type="button" name="button" value="*" /></td>
                        <td><input id="btnneg" type="button" name="button" value="&plusmn;" /></td>
                    </tr>
                    <tr>
                        <td><input id="one" type="button" name="button" value="1" /></td>
                        <td><input id="two" type="button" name="button" value="2" /></td>
                        <td><input id="three" type="button" name="button" value="3" /></td>
                        <td><input id="substract" type="button" name="button" value="-" /></td>
                        <td rowspan="2"><input id="btnequals" class="anyway" type="button" name="button" value="=" /></td>
                    </tr>
                    <tr>
                        <td colspan="2"><input id="zero" class="zero" type="button" name="button" value="0" /></td>
                        <td><input id="decimal" type="button" name="button" value="." /></td>
                        <td><input id="add" type="button" name="button" value="+" /></td>
                    </tr>       
                </table>
            </form> 
        </div>  
        <footer>
        <address><a href="mailto:mail@example.com">Пишите:mail@mail</a></address>
            &copy; Фамилия И.О.,год
        </footer>
    <script src="JS.js"></script>
 
    </body>
</html>

Новые блоги и статьи Все статьи Все блоги /
Лучшие практики оптимизации Docker Image Mr. Docker 13.03.2025 Размер Docker-образа влияет на множество аспектов работы с контейнерами. Чем больше образ, тем дольше его загрузка в реестр и выгрузка из него. Для команд разработки, работающих с CI/ CD пайплайнами,. . .	Вопросы на собеседовании по Docker Mr. Docker 13.03.2025 Ты сидишь напротив технического специалиста, и вдруг звучит вопрос про Docker Swarm или многоэтапные сборки. Пот на лбу? Не переживай, после этой статьи ты будешь готов ко всему! Эта статья будет. . .	Поиск текста в сносках : замена дефиса на тире или тире на дефис... РоΜа 13.03.2025 Нужно было найти текст в сносках и заменить. Почему-то метод селекшн не сработал. . . пришлось гуглить. найденный на форумвба код пришлось править. Смысл - заменяет в сносках дефисы и тире на нужные. . . .	Real PATH definitions in bash scripts jigi33 13.03.2025 Как поймать путь и путь к директории относительно запускаемого файла в BASH 1. поймать путь через вывод $(pwd) 2. более правильно - на основе realpath (см. скриншот)	Django или Flask: что выбрать для веб-разработки на Python py-thonny 13.03.2025 Django – это высокоуровневый фреймворк, который придерживается философии "всё включено". Он предоставляет разработчику готовые решения для большинства типичных задач веб-разработки: от аутентификации. . .
Непрерывное развертывание в Java с Kubernetes Javaican 13.03.2025 Чем так привлекателен Kubernetes для развертывания Java-приложений? Этот оркестратор контейнеров позволяет автоматизировать развертывание, масштабирование и управление контейнеризированными. . .	Предотвращение XSS, CSRF и SQL-инъекций в JavaScript run.dev 13.03.2025 JavaScript занимает первые позиции среди языков веб-разработки, но его распространенность делает его привлекательной целью для злоумышленников. Межсайтовый скриптинг (XSS), межсайтовая подделка. . .	PHP 8: JIT-компиляция и улучшение производительности Jason-Webb 13.03.2025 PHP никогда не славился своей скоростью. Многие сталкивались с проблемами производительности при работе со сложными вычислениями или обработкой больших объемов данных. Традиционная модель выполнения. . .	Сериализация данных с Apache Avro в Kafka Javaican 12.03.2025 Apache Kafka стала одним из ключевых решений для работы с большими потоками данных. Однако с ростом объемов передаваемых данных возникает проблема: как эффективно сериализовать и десериализовать. . .	Создание потребителей Kafka с помощью Reactor Kafka Javaican 12.03.2025 Reactor Kafka — это библиотека, объединяющая Apache Kafka с реактивным программированием на базе Project Reactor. Такое сочетание позволяет строить неблокирующие, асинхронные приложения с контролем. . .