master

分支 (1)

管理

管理

master

Arithmetic-website
/
calculator.html

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Calculator</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.8/css/all.css"
        integrity="sha384-3AB7yXWz4OeoZcPbieVW64vVXEwADiYyAEhwilzWsLw+9FgqpyjjStpPnpBO8o8S" crossorigin="anonymous">
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"
        integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<script src="https://code.jquery.com/jquery-3.3.1.min.js"
        integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.js"
        integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa"
        crossorigin="anonymous"></script>
<link rel="stylesheet" href="css/style2.css">
<link rel="stylesheet" href="css/Rank.css">
<link rel="stylesheet" href="css/main.css">
</head>

<body>
<div class="nav"> <a href="exam_choice.html" id="back"><span class="go_back">Back</span></a>
  <header>
    <input class="event" type="checkbox" id="event"/>
    <label class="target" for="event"><i></i></label>
    <nav><a href="index.html">首页</a><a href="tream.html">竞赛</a><a href="#">排行榜</a><a href="login.html">注销</a><a href="calculator.html">计算器</a></nav>
  </header>
</div>
<section id="calc">
  <div class="" style="margin: 60px auto;width: 330px;">
    <div style="border: 1px solid #555; background-color: #555;padding: 15px 10px;border-radius: 10px;">
      <p class="text-center" style="color: #fff;font-weight: bold;">CASLO</p>
      <form action="" name="form">
        <div class="input">
          <input name="screen" type="text" id="screen"
                            style="width: 100%; height: 60px;font-size: 24px;padding: 0px 10px;"
                            placeholder="expression" value="">

          <!-- <input name="hidden_screen" type="text" id="hidden_screen" style="width: 100%; height: 60px;font-size: 24px;padding: 0px 10px;" placeholder="expression" value=""> -->

          <input name="ans" type="text" id="ans" readonly
                            style="width: 100%; height: 30px;padding: 0px 10px;text-align: right;font-size: 16px;"
                            placeholder="ans=" value="">
        </div>
        <div class="button1"> <a href="#" onclick="display('sin'),sin() " id="sin" class="btn btn-danger"> sin </a> <a href="#" onclick="display('cos'),cos() " class="btn btn-danger"> cos </a> <a href="#" onclick="display('tan'),tan() " class="btn btn-danger"> tan </a> <a href="#" onclick="Bin()" class="btn btn-danger"> Bin </a> <a href="#" onclick="Oct()" class="btn btn-danger"> Oct </a> </div>
        <div class="button1"> <a href="#" onclick="display('arcsin') ,arcsin()" id="sin" class="btn btn-danger"> sin<sup>-1</sup> </a> <a href="#" onclick="display('arccos') ,arccos()" class="btn btn-danger"> cos<sup>-1</sup> </a> <a href="#" onclick="display('arctan') ,arctan()" class="btn btn-danger"> tan<sup>-1</sup> </a> <a href="#" onclick="Dec()" class="btn btn-danger"> Dec </a> <a href="#" onclick="Hex()" class="btn btn-danger"> Hex </a> </div>
        <div class="button"> <a href="#" onclick="display('9'),audioPlay('9')" class="btn btn-default"> 9 </a> <a href="#" onclick="display('8'),audioPlay('8')" class="btn btn-default"> 8 </a> <a href="#" onclick="display('7'),audioPlay('7')" class="btn btn-default"> 7 </a> <a href="#" onclick="display('+'),audioPlay('加')" class="btn btn-default"> + </a> <a href="#" onclick="display('**2'),audioPlay('平方')" class="btn btn-primary"> X<sup>2</sup> </a> <a href="#" onclick="display('**3'),audioPlay('立方')" class="btn btn-primary"> X<sup>3</sup> </a> </div>
        <div class="button"> <a href="#" onclick="display('6'),audioPlay('6')" class="btn btn-default"> 6 </a> <a href="#" onclick="display('5'),audioPlay('5')" class="btn btn-default"> 5 </a> <a href="#" onclick="display('4'),audioPlay('4')" class="btn btn-default"> 4 </a> <a href="#" onclick="display('*'),audioPlay('乘以')" class="btn btn-default"> x </a> <a href="#" onclick="display('sqrt(')" class="btn btn-primary"> &radic; </a> <a href="#" onclick="display('cbrt(')" class="btn btn-primary"> <sup style="font-size: 8px;vertical-align: middle;">3</sup>&radic; </a> </div>
        <div class="button"> <a href="#" onclick="display('3'),audioPlay('3')" class="btn btn-default"> 3 </a> <a href="#" onclick="display('2'),audioPlay('2')"  class="btn btn-default"> 2 </a> <a href="#" onclick="display('1'),audioPlay('1')" class="btn btn-default"> 1 </a> <a href="#" onclick="display('-'),audioPlay('减')" class="btn btn-default"> - </a> <a href="#" onclick="display('**')" class="btn btn-primary"> X<sup>y</sup> </a> <a href="#" onclick="display('X')" class="btn btn-primary"> A </a> </div>
        <div class="button"> <a href="#" onclick="display('0'),audioPlay('0')" class="btn btn-default"> 0 </a> <a href="#" onclick="display('.'),audioPlay('点')" class="btn btn-default"> . </a> <a href="#" onclick="display('%')" class="btn btn-default"> % </a> <a href="#" onclick="display('/'),audioPlay('除')" class="btn btn-default"> / </a> <a href="#" onclick="cls_screen2 ()" class="btn btn-primary"> 进制 </a> <a href="#" onclick="bkspace(),audioPlay('退格')" class="btn btn-default"> <i class="fas fa-long-arrow-alt-left"></i> </a> </div>
        <div class="form-group"> <a href="#" onclick="cls_screen(),audioPlay('归零')" class="btn btn-warning" style="width: 44px;"> CE </a> <a href="#" onclick="display('(')" class="btn btn-default"
                            style="width: 44px;font-weight: bold;"> ( </a> <a href="#" onclick="display(')')" class="btn btn-default"
                            style="width: 44px;font-weight: bold;"> ) </a> <a href="#" onclick="display('Ans')" class="btn btn-primary text-center"
                            style="width: 44px; padding-left:9px;"> Ans </a> <a href="#" onclick="ans(),audioPlay('等于')" class="btn btn-success" style="width: 96px;"> = </a> </div>
      </form>
    </div>
  </div>
</section>
<script src="js/script.js"></script>
</body>
</html>