Embed

<div style="text-align: center; font-size: 24px;">
  <h2>Dust Free Tile Removal Cost Estimation</h2>
  <form>
    <label for="area">Enter the area in square feet:</label>
    <br>
    <input type="number" id="area" name="area" required style="font-size: 24px;">
    <br>
    <button type="submit" style="font-size: 24px;">Calculate</button>
  </form>
</div>

<script>
  document.querySelector('form').addEventListener('submit', function(event) {
    event.preventDefault();

    const area = parseFloat(document.getElementById('area').value);
    const cost = area * 3;

    alert(`The estimated cost for ${area} square feet is $${cost.toFixed(2)}`);
  });
</script>


<form>
  <label for="weight">Enter the weight of your items (in pounds):</label><br>
  <input type="number" id="weight" name="weight" min="0" required><br>
  <button type="button" onclick="calculateEstimation()">Calculate</button>
</form>

<p id="estimation"></p>

<script>
  function calculateEstimation() {
    var weight = document.getElementById("weight").value;
    var estimation = 0;
    
    if (weight <= 1000) {
      estimation = 250;
    } else if (weight <= 2000) {
      estimation = 395;
    } else if (weight <= 3000) {
      estimation = 595;
    } else {
      estimation = 695;
    }
    
    document.getElementById("estimation").innerHTML = "Estimated cost: $" + estimation;
  }
</script>
