Copy of Contact

<style> .calculator-container { display: flex; flex-direction: column; align-items: center; padding: 20px; border-radius: 5px; background-color: #f5f5f5; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); } .calculator-title { font-size: 20px; font-weight: bold; margin-bottom: 10px; } .input-container { display: flex; flex-direction: column; margin-bottom: 15px; } .input-label { font-size: 16px; margin-bottom: 5px; } .input-field { padding: 8px; border: 1px solid #ccc; border-radius:   3px; width: 200px; } .result-container { margin-top: 20px; padding: 10px; border-radius: 3px; background-color: #e0ffe0; border: 1px solid #b2dbaa; } .result-title { font-size: 18px; font-weight: bold; margin-bottom: 5px; } .result-value { font-size: 16px; } </style> <div class="calculator-container"> <h2 class="calculator-title">Find Your Perfect CBD Dosage</h2> <div class="input-container"> <label class="input-label" for="desired-mg">Desired Daily CBD Intake (mg)</label> <input type="number" class="input-field" id="desired-mg" placeholder="Enter desired mg"> </div> <div class="input-container"> <label class="input-label" for="user-weight">Your Body Weight (lbs)</label> <input type="number" class="input-field" id="user-weight" placeholder="Enter your weight"> </div> <div class="input-container"> <label class="input-label" for="usage-frequency">Daily Usage Frequency</label> <select id="usage-frequency" class="input-field"> <option value="1">Once per Day</option> <option value="2">Twice per Day</option> <option value="3">Three Times per Day</option> </select> </div> <div class="input-container"> <label class="input-label" for="oil-strength">Oil Strength (mg/ml)</label> <select id="oil-strength" class="input-field"> <option value="30">30mg/ml</option> <option value="60">60mg/ml</option> </select> </div> <button onclick="calculateDosage()">Calculate Dosage</button> <div class="result-container" id="result-container"> <h3 class="result-title">Your Recommended Dosage</h3> <p id="dosage-ml" class="result-value"></p> <p id="dosage-days" class="result-value"></p> <p id="dosage-months" class="result-value"></p> </div> </div> <script> function calculateDosage() { const desiredMg = document.getElementById('desired-mg').value; const userWeight = document.getElementById('user-weight').value; const usageFrequency = document.getElementById('usage-frequency').value; const oilStrength = document.getElementById('oil-strength').value; // Calculate recommended dosage per serving (mg) based on weight (consider adjusting factor) const recommendedDosagePerServing = desiredMg / (userWeight * 0.5); // Calculate dosage per serving in ml based on oil strength const dosageMl = recommendedDosagePerServing / oilStrength; // Calculate total daily dosage in