Skip to content
Сеть учебных сайтов
Цифровая экономика и информационные технологии
Search for:
Log in
Menu
Close
Сеть
Сайты
Пользователи
Группы
Активность
Песочница
Задания
JS
PHP
Примеры
PHP
Учебные материалы
Документация
htmlbook
Bootstrap5
JS
jQuery API
Документация PHP
Документация WordPress
wp-kama
HTML+CSS
JS
PHP
WordPress
Выбор темы WordPress
Python
Подготовка к гос-экзаменам
Литература
Управление ИТ-сервисами и контентом
Системы управления контентом(CMS)
Инструменты веб разработки
Электронный бизнес
Технология Lean Startup
Управление интернет-проектом
Сеть
Сайты
Пользователи
Группы
Активность
Песочница
Задания
JS
PHP
Примеры
PHP
Учебные материалы
Документация
htmlbook
Bootstrap5
JS
jQuery API
Документация PHP
Документация WordPress
wp-kama
HTML+CSS
JS
PHP
WordPress
Выбор темы WordPress
Python
Подготовка к гос-экзаменам
Литература
Управление ИТ-сервисами и контентом
Системы управления контентом(CMS)
Инструменты веб разработки
Электронный бизнес
Технология Lean Startup
Управление интернет-проектом
Search for:
Log in
sample js
Home
Phpscrs
sample js
<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjs/14.8.1/math.js" integrity="sha512-AJmFmOXFAAzxbzp498VFGf+/Ke7n/O/Pz7L7R2in/4lEDkqhFvuIemyJo/MzXORunJkrJngeIyaWqLAj2rTY2Q==" crossorigin="anonymous" referrerpolicy="no-referrer"></script> <div class="calc"> <ul> <li> <input id="result" disabled/> </li> </ul> <ul class="calc-row"> <li>1</li> <li>2</li> <li>3</li> </ul> <ul class="calc-row"> <li>4</li> <li>5</li> <li>6</li> </ul> <ul class="calc-row"> <li>7</li> <li>8</li> <li>9</li> </ul> <ul class="calc-row"> <li>0</li> </ul> <ul class="calc-row"> <li>+</li> <li>-</li> <li>/</li> <li>*</li> </ul> <ul> <li id="calc">=</li> </ul> </div>
jQuery(document).ready(function($){ $('.calc-row li').click(function(){ let value = $(this).text(); let input = $('#result'); let input_text = input.val(); if(input.hasClass('result')){ input.removeClass('result'); input_text = ''; } input.val(input_text + value); }); $('#calc').click(function(){ let input = $('#result'); let input_text = input.val(); input.val(math.evaluate(input_text)); input.addClass('result'); }); });
.calc ul { list-style: none; display: flex; margin: 0px; padding: 0px; } .calc li { padding: 10px; margin: 10px 5px; border: 1px solid; }
Results:
1
2
3
4
5
6
7
8
9
0
+
-
/
*
=
