ScriptPAD

File Name:

1:

<h2  style="color:blue;"> <u> RC Pile Section & Weight Calc Sheet  </u> </h2>

<div id="myElement" style="position: absolute; bottom: 50px;">
<span style="color:DarkRed;"> Su !  Tu ! Pyu ! </span> By student Zeya ! Ref Sources from Saya CHO's Lectures <a href="https://edu.structsoftlab.asia/" <p><a href="https://edu.structsoftlab.asia/" target="_blank">structsoftlab</a> . TQ Very much Sir !   </p>
</div> 
  
<form id="RCpileForm">  
  <label for="pileType"style="margin-bottom: 15px; line-height: 2.3;"> Select Pile Type:</label>
  <select id="pileType">
     <option value="0">  🟠 Circular   </option>
     <option value="1">  🟫 Rectangular </option>
  </select>

<div id="hideField1" style="display: none;">
  
  <label for="dim1">Diameter  (in):</label>
  <input type="number" id="dim1" value="0" required>
  
  </div>
  
  <div id="hideField2" style="display: none;">
  
    <label for="dim1R">Width (in):</label>
    <input type="number" id="dim1R" value="0">
     <label for="dim2R">Height (in):</label>
    <input type="number" id="dim2R" value="0">
   
  </div>
  
  <div>
  <label for="length">Pile Length (ft):</label>
  <input type="number" id="length" value="0" required>
  </div>
<div>
  <label for="n">Number of Main Bars:</label>
  <input type="number" id="n" value="0" required>
  </div>
<div>
  <label for="db">Main Bar Diameter (in):</label>
  <input type="number" id="db" step="0.001" value="0" required>
  </div>
<div>
  <label for="p">Tie Spacing (in):</label>
  <input type="number" id="p" step="0.1" value="0" required>
  </div>
<div>
  <label for="dt">Tie Diameter (in):</label>
  <input type="number" id="dt" step="0.001" value="0" required>
  </div>
<div>

<button type="submit" > Calculate  </button>
  
 </div> 
  
</form>

function myPile(type,diameter,wid,hei,length, n, db, p, dt){
  this.type=type;
  this.shape = new Circle(diameter / 2);
  this.Recshape = new Rectangle(wid, hei);
  this.bar = new Circle(db / 2);
  this.tie = new Circle(dt / 2);
  this.len = length;
  this.n = n;
  this.p = p;
    
 let periType =this.type=== "0" ?  this.shape.perimeter() :this.Recshape.perimeter()  ;
 let areaType =this.type=== "0" ?  this.shape.area() :this.Recshape.area()  ;
 let tiepath = this.type==="0" ?   new Circle(this.shape.r - 2) : new Rectangle(this.Recshape.w - 4, this.Recshape.h - 4);
  
  this.steelVol = function(){
    var mainbars = this.n * this.bar.area() * this.len / 144;
    var tiebars = this.type==="0" ?   tiepath.perimeter() * this.tie.area() * this.len * 12 / (12 * this.p * 144):tiepath.perimeter() * this.tie.area() * this.len * 12 / (12 * this.p * 144);;
    return mainbars + tiebars;
  }
  
  this.concreteVol = function(){ 
    return areaType* this.len / 144 - this.steelVol();
  }

this.skinArea = function(){
    return periType* this.len / 12;
  }

this.bearingArea = function(){    
    return  areaType / 144;
  }   
}

const type = document.getElementById("pileType").value;
  const dim1 = parseFloat(document.getElementById("dim1").value);
  const dim1R = parseFloat(document.getElementById("dim1R").value);
  const dim2R = parseFloat(document.getElementById("dim2R").value);
  const length = parseFloat(document.getElementById("length").value);
  const n = parseInt(document.getElementById("n").value);
  const db = parseFloat(document.getElementById("db").value);
  const p = parseFloat(document.getElementById("p").value);
  const dt = parseFloat(document.getElementById("dt").value);

let output = "";

if (type === "0")  {output += '<strong><span style="color: blue;"> Circular Pile 🟠 </span></strong><br/>'}  
                       else
                      {output += '<strong><span style="color: blue;">Rectangular Pile 🟫 </span></strong><br/>'};
   {   
    let pile = new myPile(type,dim1,dim1R, dim2R,length, n, db, p, dt)                                
    output += "Skin Friction Area = " + pile.skinArea().toFixed(3) + " sqft<br/>";
    output += "Bearing Area = " + pile.bearingArea().toFixed(3) + " sqft<br/>";
    output += "Concrete Vol = " + pile.concreteVol().toFixed(3) + " cuft<br/>";
    output += "Steel Vol = " + pile.steelVol().toFixed(3) + " cuft<br/>";    
  }      
  document.getElementById("output").innerHTML = output;
    
});

</script>