beam input

<!DOCTYPE html>
<html>
   <head>
      <link rel="stylesheet" href="bstyle.css" />
      <link rel="stylesheet" href="style.css" />

   </head>
   <body>
    <nav class="navbar">
       <div class="navbar__container">
           <a href="/" id="navbar__logo">NEXT</a>
           <div class="navbar__toggle" id="mobile-menu">
               <span class="bar"></span>
               <span class="bar"></span>
               <span class="bar"></span>
           </div>
       </div>
       <ul class="navbar__menu">
           <li class="navbar__item">
               <a href="/" class="navbar__links">Home</a>
           </li>
           <li class="navbar__item">
               <a href="/tech.html" class="navbar__links">Tech </a>
           </li>
           <li class="navbar__item">
               <a href="/tech.html" class="navbar__links">Product</a>
           </li>
           <li class="navbar__btn">
               <a href="/" class="button">Sign</a>
           </li>
       </ul>
    </nav>
    <h1>CHOOSE YOUR BEAM TYPE</h1>
    <form name = "calculator">
        <h2>ENTER VALUES</h2>
        <h3>
        Length of Beam (L): <input type = "text" id="length" placeholder="(in meter)"><br><br>
        Modulus of Elasticity (E): <input type = "text" id="elasticity"><br><br>
        Moment of Inertia (I): <input type = "text" id="inertia"><br><br>
        Left end:
            <input type="radio" id="lfixed" name="lend" value="fixed">
            <label for="html">Fixed</label>
            <input type="radio" id="lpinned" name="lend" value="pinned">
            <label for="css">Pinned</label>
        <br><br>
        Right end:
            <input type="radio" id="rfixed" name="rend" value="fixed">
            <label for="html">Fixed</label>
            <input type="radio" id="rpinned" name="rend" value="pinned">
            <label for="css">Pinned</label>
        <br><br>
        Type of weight:
            <input type="radio" id="pointed" name="typ_wt" value="pointed">
            <label for="html">Pointed</label>
            <input type="radio" id="uniform" name="typ_wt" value="uniform">
            <label for="css">Uniform</label>
        <br><br>

        Position of weight (a): <input type = "text" id="pos_a" placeholder="enter only if weight is pointed"><br><br>
        Weight: <input type = "text" placeholder="in Newtons" id="weight" ><br><br>
        Position of calculation (x): <input type = "text" placeholder="from left end" id="pos_x"><br><br>

        <button onclick="fun()">Calculate</button>
        </h3>
        <!-- <p>Shear = <input type="text" id="answer"></p>  -->
        <!-- <p>Max deflection = <input id="answer"></p>       -->
    </form>
      <!-- </div> -->

      <script src = "calc.js"></script>
   </body>
</html>