Advertisement
atanasovetr

DegreeToRadians

Jan 23rd, 2022
1,149
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 1.98 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html lang="bg">
  3.    <head>
  4.       <meta charset="utf-8">
  5.       <title>Преобразуване на градуса в радиани</title>
  6.       <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
  7.       <style>
  8.          *{box-sizing: border-box;}
  9.          p{
  10.          font-size: 1.2em;
  11.          font-weight: bold;
  12.          }
  13.          span#deg-unit, span#rad-unit{
  14.          display: inline-block;
  15.          width: 100px;
  16.          text-align: center;
  17.          border-bottom: 2px solid gray;
  18.          color: #0275dB;
  19.          }
  20.          div{
  21.              padding: 3px;
  22.          }
  23.       </style>
  24.    </head>
  25.    <body>
  26.     <div class="container">
  27.        <div class="row row-cols-8 offset-2">
  28.             <h1>Преобразуване на градуса в радиани</h1>
  29.         </div>
  30.         <div class="row row-cols-8 offset-2">
  31.             <div class="input-group">
  32.                 <input type="number" class="col-6" id="unit">
  33.                 <input type="button" class="col-2 btn btn-primary" value="Конвертиране" onclick="showResult()">
  34.             </div>
  35.         </div>
  36.         <div class="row row-cols-8 offset-2">
  37.             <p><span id="deg-unit"></span> градуси = <span id="rad-unit"></span>
  38.             радиани
  39.             </p>
  40.         </div>
  41.         </div>
  42.     <script>
  43.        function getUnit(){
  44.             return Number(document.getElementById("unit").value);
  45.         }
  46.        function convertDeg(deg){
  47.             let rad = deg * Math.PI / 180;
  48.             return rad.toFixed(4);
  49.         }
  50.        function showResult(){
  51.             let degree = getUnit();
  52.             document.getElementById("deg-unit").innerHTML = degree;
  53.             document.getElementById("rad-unit").innerHTML = convertDeg(degree);
  54.         }
  55.     </script>
  56.  </body>
  57.  </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement