web app/web/main.html - master - OtherName/Projects

web app/web/main.html
120 строк5 KB
NikitaChernomor
upload files
09 фев 2026, 00:18
09 фев 2026, 00:18dca62f7
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Калькулятор</title>
  <link rel="icon" type="image/png" href="/faficon.png">
</head>
<body>
<style media="screen">
  body{
    padding: 0;
    margin: 0;
    background: -webkit-linear-gradient(45deg, #8a2387,#e94057,#f27121);
  }
  h1{
    font-family: sans-serif;
    font-weight: bold;
    color:white;
    padding: 0px 150px
  }
  button{
    width: 150px;
    height: 50px;
    border-radius: 10px;
    border: 10px;
    background: -webkit-linear-gradient(0deg,#009fff, #ec2f4b);
    margin:10px 0px;
    font-family: sans-serif;
    font-weight: bold;
  }
  input{
    transition: 2s;
  }
  input:hover{
    background: lightgrey
  }
  #block{
    padding: 10px;
    background: #F5F5F5;
    border-radius: 10px 10px 0px 0px;
  }
  .textview{
    width: 100%;
    border-radius: 10px;
    border: none;
    height: 30px;
    background: #FFF;
  }
  .background_radient{
    background: white;
    width: 150px;
    height: 50px;
    transition: 2s;
    position: relative;
    border-radius: 10px;
    bottom:10;
    left:-4.8px;
    bottom: 15px;
  }
  .background_radient:hover{
    background: lightgrey
  }
  p{
    position: relative;
    top: 20px;
  }
}
</style>
<script type = "text/javascript" src = "/anime-master/lib/anime.min.js"></script>
<script type = "text/javascript" src = "/eel.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
    <h1>Калькулятор</h1>
    <div id="block">
      <input type="text" name="" value="" class="textview" style="font-family: sans-serif; font-weight:bold;position: relative; top: 6px; width: 97%;">
      <button type="button" name="button" onclick = "insert(1)"><div class="background_radient"><p>1</p></div></button>
      <button type="button" name="button" onclick = "insert(2)"><div class="background_radient"><p>2</p></div></button>
      <button type="button" name="button" onclick = "insert(3)"><div class="background_radient"><p>3</p></div></button>
      <button type="button" name="button" onclick = "insert(4)"><div class="background_radient"><p>4</p></div></button>
      <button type="button" name="button" onclick = "insert(5)"><div class="background_radient"><p>5</p></div></button>
      <button type="button" name="button" onclick = "insert(6)"><div class="background_radient"><p>6</p></div></button>
      <button type="button" name="button" onclick = "insert(7)"><div class="background_radient"><p>7</p></div></button>
      <button type="button" name="button" onclick = "insert(8)"><div class="background_radient"><p>8</p></div></button>
      <button type="button" name="button" onclick = "insert(9)"><div class="background_radient"><p>9</p></div></button>
      <button type="button" name="button" onclick = "insert('+')"><div class="background_radient"><p>+</p></div></button>
      <button type="button" name="button" onclick = "insert('-')"><div class="background_radient"><p>-</p></div></button>
      <button type="button" name="button" onclick = "equal()"><div class="background_radient"><p>=</p></div></button>
      <button type="button" name="button" onclick = "insert('*')"><div class="background_radient"><p>*</p></div></button>
      <button type="button" name="button" onclick = "insert('/')"><div class="background_radient"><p>/</p></div></button>
      <button type="button" name="button" onclick = "delete_text()"><div class="background_radient"><p>c</p></div></button>
      <button type="button" name="button" onclick = "insert('**')"><div class="background_radient"><p>**</p></div></button>
      <button type="button" name="button" onclick = "insert(0)"><div class="background_radient"><p>0</p></div></button>
      <button type="button" name="button" onclick = "insert('.')"><div class="background_radient"><p>.</p></div></button>

      <script>
        function insert(num){
          var startText  =jQuery(".textview").val();
          var Textview = jQuery(".textview").val(startText + num)
        }
        function delete_text() {
          jQuery(".textview").val(null)
        }
        function equal() {
          exp = jQuery(".textview").val();
          if(exp){
            try {
              jQuery(".textview").val(eval(exp));
            } catch (e) {
              alert("Sintax Error")
            } finally {

            }
          }
          else{
            alert('error')
          }
        }
      </script>
    </div>
</body>
</html>