Electrical Conduit Size Calculator ^new^ Info

let wireCount = 0; let wires = []; // store each wire object size, insulation

function renderWireInputs() const container = document.getElementById('wiresContainer'); if (!container) return; container.innerHTML = ''; wires.forEach((wire, idx) => const div = document.createElement('div'); div.className = 'wire-entry'; div.innerHTML = ` <div class="wire-header"> <span>🔌 Conductor #$idx+1</span> <button class="btn-remove" data-idx="$idx" type="button">Remove</button> </div> <div class="wire-controls"> <select class="wire-size" data-idx="$idx"> $Object.keys(wireAreas).map(sz => `<option value="$sz" $wire.size === sz ? 'selected' : ''>AWG $sz</option>`).join('') </select> <select class="wire-insulation" data-idx="$idx"> <option value="THHN" $wire.insulation === 'THHN' ? 'selected' : ''>THHN / THWN</option> <option value="XHHW" $wire.insulation === 'XHHW' ? 'selected' : ''>XHHW</option> </select> </div> `; container.appendChild(div); ); // attach remove events document.querySelectorAll('.btn-remove').forEach(btn => btn.addEventListener('click', (e) => const idx = parseInt(btn.getAttribute('data-idx')); wires.splice(idx, 1); renderWireInputs(); ); ); // attach change listeners for dynamic updates document.querySelectorAll('.wire-size').forEach(sel => sel.addEventListener('change', (e) => const idx = parseInt(sel.getAttribute('data-idx')); wires[idx].size = sel.value; ); ); document.querySelectorAll('.wire-insulation').forEach(sel => sel.addEventListener('change', (e) => const idx = parseInt(sel.getAttribute('data-idx')); wires[idx].insulation = sel.value; ); ); electrical conduit size calculator

const tradeSizes = ["1/2", "3/4", "1", "1 1/4", "1 1/2", "2", "2 1/2", "3", "3 1/2", "4"]; let wireCount = 0; let wires = [];

<div class="result-panel"> <h3 style="margin-top:0;">📊 Result</h3> <div class="result-card"> <div id="resultArea"> <div class="conduit-size-result" style="background:#f1f5f9; color:#2d3e50;"> -- / -- </div> <div id="fillDetails"></div> </div> </div> <div class="warning" id="warningMsg" style="display:none;"></div> <div class="note"> <strong>⚡ NEC Fill Reference (typical):</strong> <ul style="margin:8px 0 0 16px; padding-left:0;"> <li>1 conductor → 53% max fill</li> <li>2 conductors → 31% max fill</li> <li>3+ conductors → 40% max fill</li> </ul> <small>*Based on standard THHN/THWN area values. Actual conduit fill depends on insulation and jamming rules.</small> </div> </div> </div> 'selected' : ''&gt

// initialization function init() wires.push( size: "12", insulation: "THHN" ); wires.push( size: "12", insulation: "THHN" ); renderWireInputs(); document.getElementById('addWireBtn').addEventListener('click', addWire); document.getElementById('calculateBtn').addEventListener('click', calculateConduit); calculateConduit(); // default calculation