Калькулятор на js - JavaScript - Ответ 9379390

@Cestuh · Регистрация: 22.06.2015

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

Всем привет! Делаю калькулятор на js и добавляю туда математические функции (косинус, тангенс и т.д.), не получается реализовать их. Вот код калькулятора:

PHP/HTML

<!DOCTYPE html>
<html>
<head>
    <title>JavaScript</title>
    <meta charset="utf-8" />
        [JS]
    <script type="text/javascript" src="jquery-1.12.4.min.js"></script>
    <script type="text/javascript">
        function proverka(input) { 
            var value = input.value; 
            var rep = /[;":'a-zA-Zа-яА-Я]/; 
            if (rep.test(value)) { 
                value = value.replace(rep, ''); 
                input.value = value; 
            } 
        } 
        
        function persents(input){
            return input.replace(/((?:\d+\.)?\d+)\%/g, function(s, val){
                return val / 100;
            })
        }
        
        function checkNum(str) {
            for (var i = 0; i < str.length; i++) {
            var ch = str.substring(i, i+1)
            if (ch < "0" || ch > "9") {
            if (ch != "/" && ch != "*" && ch != "+" && ch != "-" && ch != "."
            && ch != "(" && ch!= ")") {
            alert("invalid entry!")
            return false
            }
            }
            }
            return true
            }
            
            function cos(form) {
calc.input.value = Math.cos(calc.input.value);
}
        
        function addChar(input) {
            if(input.value == 0) return alert("Нельзя на ноль делить");
            if(input.value == 1) return 1;
        }
        
        function timer() {
            var s = Number(document.getElementById("timer").innerHTML);
            s++;
            document.getElementById("timer").innerHTML = s;
            setTimeout("timer()", 1000);
        }
    
        function date() {
            var date = new Date();
            var text = date.getFullYear();
            text += ".0" + Number(date.getMonth()+1);
            text += ".1" + date.getDay();
            text += "." + date.getHours();
            text += "." + date.getMinutes();
            text += "." + date.getSeconds();
            document.getElementById("niggus").innerHTML = text;
        }
    </script>
        [/JS]
    <style>
        #calc * {font-size: 16px;}
        #calc table {border: solid 3px silver; border-spacing: 3px; background-color: #EEE; width: 319px;}
        #calc table td {border-spacing: 3px;}
        input.display {width: 300px; text-align: left; outline: none; color: #000; padding-left: 2px;}  
        input[type= button] {width: 40px; height: 30px; background-color: #EEE; outline: none;}
        input.doit {width: 304px; background-color: #6A5ACD;}
        input.dim{background-color: #A9A9A9;}
        input.gray{background-color: #C0C0C0;}
        input.silver{background-color: #d3d3d3;}
        input.blue{background-color: #d3d3d3;}
        .pp{margin-top: -15px; font-size: 22px; font-weight: bold; color: #00FF00;}
        .p{font-size: 17px; font-weight: bold; color: #00FF00;}
        #timer{font-size: 80px; color: #FF1493; position: relative;}
        #sekundomer {background-color: #000; width: 176px; height: 124px; border: 3px solid silver; text-align: center; margin-left: 419px; margin-top: -198px;}
        #date_nigga {margin-left: 720px; margin-top: -130px;}
    </style>
</head>
<body onload="timer(this), date(this)">
    <form name="calculator" id="calc">
        <table>
            <tr>
                <td>
                    <input type="text" name="input" size="16" class="display" disabled placeholder="0" onkeyup="return proverka(this)" onsubmit="Checkform(this)" />
                </td>
            </tr>
            <tr>
                <td class="buttons">
                    <input type="button" name="skobka" value="(" class="gray" Onclick="calc.input.value += '('"/>
                    <input type="button" name="skobka" value=")" class="gray" Onclick="calc.input.value += ')'"/>
                    <input type="button" name="percent" value="%" class="gray" Onclick="calc.input.value = eval(persents(calc.input.value))">
                    <input type="button" name="clear" value="C" class="gray" OnClick="calc.input.value = ''"/>
                    <input type="button" name="clear_one" value="CE" class="gray" Onclick="calc.input.value = input.value.substring(0, input.value.length - 1)"/>                   
                    <input type="button" name="sq" value="sq" class="dim" Onclick="" />
                    <input type="button" name="asin" value="as" class="dim" Onclick="" />
                    <br/>
                    <input type="button" name="one" value="1" OnClick="calc.input.value += '1'"/>
                    <input type="button" name="two" value="2" OnClick="calc.input.value += '2'"/>
                    <input type="button" name="three" value="3" OnClick="calc.input.value += '3'"/>
                    <input type="button" name="add" value="+" class="silver" OnClick="calc.input.value += '+'"/>
                    <input type="button" name="sub" value="-" class="silver" OnClick="calc.input.value += '-'"/>
                    <input type="button" name="exp" value="exp" class="dim" Onclick="">
                    <input type="button" name="sqrt" value="sqr" class="dim" Onclick="">
                    <br>
                    <input type="button" name="four" value="4" OnClick="calc.input.value += '4'">
                    <input type="button" name="five" value="5" OnClick="calc.input.value += '5'">
                    <input type="button" name="six" value="6" OnClick="calc.input.value += '6'">
                    <input type="button" name="mul" value="x" class="silver" OnClick="calc.input.value += '*'"/>
                    <input type="button" name="div"  value="/" class="silver" OnClick="addChar(calc.input.value += '/')">
                    <input type="button" name="sin" value="sin" class="dim" Onclick="">
                    <input type="button" name="cos" value="cos" class="dim" Onclick="if (checkNum(this.calc.value)) { cos(this.calc) }">
                    <br>
                    <input type="button" name="seven" value="7" OnClick="calc.input.value += '7'">
                    <input type="button" name="eight" value="8" OnClick="calc.input.value += '8'">
                    <input type="button" name="nine" value="9" OnClick="calc.input.value += '9'">
                    <input type="button" name="zero" value="0" OnClick="calc.input.value += '0'"/>
                    <input type="button" name="tochka" value="." class="blue" Onclick="calc.input.value += '.'"/>
                    <input type="button" name="tan" value="tan" class="dim" Onclick="">
                    <input type="button" name="In" value="In" class="dim" Onclick="">
                </td>
            </tr>
            <tr>
                <td>
                    <input type="button" name="doit" value="=" class="doit" OnClick="calc.input.value = eval(calc.input.value)"/>
                </td>
            </tr>
        </table>
    </form>
    <div id="sekundomer">
        <br/>
        <span id="timer">-1</span>
        <br/>
    </div>
    <div id="date_nigga">
        <p>Вы зашли на сайт:</p>
        <p id="niggus" ></p>
        <p>Год.Месяц.День.Час.Минута.Секунда</p>
    </div>
</body>
</html>

Вернуться к обсуждению:
Калькулятор на js JavaScript

Следующий ответ

Другие темы раздела
JavaScript Сворачивание содержимого object Подскажите, кто нибудь пробовал сворачивать тег object на своем сайте? Проблема вот в чем, простой текст у меня без проблем сворачивается, а вот содержимое тега object нет. В теге содержится svg файл. Думал также, может это ограничение обойду вставкой содержимого insertBefore, но код для работы с svg файлом не работает. <div class="spoiler"> <div class="spoilertitle"> <p>Заголовок</p>... https://www.cyberforum.ru/ javascript/ thread1782216.html	Поменять местами два элемента JavaScript Добрый день, подскажите пожалуйста. У меня есть код <div class="rightCenter"> <div id="bel" onClick="myFunction()" style="display:none"> <a href="#" class="active-link" id="aclb">БЕЛАРУСЬ</a> <div class="rightBottom" id="b_phone"> +3-211-111-111-11 </div> </div>
JavaScript Какую библиотеку лючше использовать для работы с векторной графикой https://www.cyberforum.ru/ javascript/ thread1782045.html Добрый вечер форумчане. У меня задача динамически отображать наборы полигонов в виде графика (то есть на графике несколько полигонов по примеру геологического профиля), но с возможностью добавлять дополнительные элементы графиков, например дополнительные вертикальные линии деления по оси x или y. Также необходима возможность идентифицировать элементы графика при клике на них. Заранее...	JavaScript Последовательность выполнения команд https://www.cyberforum.ru/ javascript/ thread1782003.html Здравствуйте, есть бот который при нажатии на кнопку отправляет в ответ две функции, текст и картинку. Но проблема в том что если просто написать последовательно bot.sendPhoto... bot.sendMessage... То сначала бот присылает текст, а потом только фото, а надо наоборот. Для решения этой проблемы решил использовать promise. Но до конца разобраться не получается. Помогите пожалуйста, в чем...
Прозрачная кнопка, гоняющаяся за курсором JavaScript ВСем привет, вообщем, нужен следующий скрипт, который будет водить кнопку за мышью, кнопка должна быть прозрачная, и после клика по ней исчезнуть, я пэпэпэшник и в js полный нуб(	JavaScript Переменная из php в JS Привет всем. У меня есть var temp = <?php $server ?>; Но, к сожалению, эта конструкция не работает. Как можно передать значение переменной из php в JS? https://www.cyberforum.ru/ javascript/ thread1781908.html
JavaScript Как вернуть массив из php https://www.cyberforum.ru/ javascript/ thread1781855.html Как из php, вернуть сразу данные в виде массив. И этот массив разобрать в js?? echo json_encode(array('1231','1231')); Хз Добавлено через 18 минут xhr.response Что в js достать не могу, получается как строка	JavaScript HTML+JavaScript чтение TXT на хостинге Доброго времени суток! Сразу хочу сказать, что о вредоносных программах речь не идёт. Проблема у меня такая: На хостинге есть TXT-файл и HTML-страница. Мне нужно HTML-страницей с помощью JavaScript (без PHP) считать этот текстовый файл построчно. Если можно, то покажите на примере пожалуйста то, как это реализовать.
JavaScript Не работает функция https://www.cyberforum.ru/ javascript/ thread1781779.html Пожалуйста, помогите! В чем ошибка? <div id='cre' style="display='block'">123</div> <script> function Show () { if cre.style.display == 'block' { cre.style.display = 'none' }	JavaScript Передать переменные в php https://www.cyberforum.ru/ javascript/ thread1781771.html var xhr = new XMLHttpRequest(); xhr.open("POST", "/js.php", true) xhr.send(); xhr.onload = function() { alert(xhr.responseText); } xhr.onerror = function() { alert("Error") }
Тестер регулярок JavaScript Помогите разобраться с тем, что нет так. Не работает следующее: /\n/g не выделяет перевод на новую строку /<b>/g не выделяет: "<b>" а здесь соответствия перечисленного выше работают. Весь код: <!doctype html> <html lang="ru">	JavaScript Нужно как то экранировать массив https://www.cyberforum.ru/ javascript/ thread1781687.html Набросал вот такой код, это что то вроде математического теста, сейчас проблема в том что не получается выдавать рандомно знаки математических операций, вернее я создал их массив и вывожу их путем рандомного значения индексов но я не знаю как правильно вставить в сам пример иначе пример некорретный получается. var n = 8; var suc = 0; var err = 0; var err_log=; var err_example=; var...

	18.07.2016, 13:51