friction loss calculator

				
					<div id="friction-loss-calculator">
  <h3>Pipe Friction Loss Calculator</h3>
  <label for="pipeDiameter">Pipe Diameter (mm):</label>
  <input type="number" id="pipeDiameter" placeholder="e.g., 50" />

  <label for="pipeLength">Pipe Length (m):</label>
  <input type="number" id="pipeLength" placeholder="e.g., 10" />

  <label for="flowRate">Flow Rate (liters/min):</label>
  <input type="number" id="flowRate" placeholder="e.g., 20" />

  <label for="pipeMaterial">Pipe Material:</label>
  <select id="pipeMaterial">
    <option value="0.0015">PVC (smooth)</option>
    <option value="0.0025">Steel (commercial)</option>
    <option value="0.005">Concrete</option>
  </select>

  <button onclick="calculateFrictionLoss()">Calculate</button>

  <div id="result">
    <p>Friction Loss: <span id="headLoss">0</span> meters</p>
    <p>Pressure Drop: <span id="pressureDrop">0</span> kPa</p>
  </div>
</div><style>#friction-loss-calculator {
    max-width: 400px;
    margin: auto;
    padding: 20px;
    border: 1px solid #ccc;
    border-radius: 10px;
    background-color: #f9f9f9;
    font-family: Arial, sans-serif;
  }

  #friction-loss-calculator label {
    display: block;
    margin: 10px 0 5px;
  }

  #friction-loss-calculator input,
  #friction-loss-calculator select {
    width: 100%;
    padding: 8px;
    margin-bottom: 10px;
  }

  #friction-loss-calculator button {
    padding: 10px 15px;
    background-color: #0073e6;
    color: white;
    border: none;
    cursor: pointer;
  }

  #friction-loss-calculator button:hover {
    background-color: #005bb5;
  }

  #result p {
    margin: 10px 0;
  }</style> <script type="litespeed/javascript">function calculateFrictionLoss(){const diameter=parseFloat(document.getElementById("pipeDiameter").value)/1000;const length=parseFloat(document.getElementById("pipeLength").value);const flowRate=parseFloat(document.getElementById("flowRate").value)/1000/60;const roughness=parseFloat(document.getElementById("pipeMaterial").value);if(!diameter||!length||!flowRate||!roughness){alert("Please fill in all fields correctly.");return}
const area=Math.PI*(diameter/2)**2;const velocity=flowRate/area;const reynolds=(velocity*diameter)/(1.005e-6);let frictionFactor;if(reynolds<2000){frictionFactor=64/reynolds}else{frictionFactor=0.25/Math.pow(Math.log10(roughness/(3.7*diameter)+5.74/Math.pow(reynolds,0.9)),2)}
const g=9.81;const headLoss=(frictionFactor*length*velocity**2)/(diameter*2*g);const pressureDrop=headLoss*9.81*1000/1000;document.getElementById("headLoss").innerText=headLoss.toFixed(2);document.getElementById("pressureDrop").innerText=pressureDrop.toFixed(2)}</script>