document.addEventListener('DOMContentLoaded', function () {
const form = document.querySelector('.academic-price-form'); // change class for each form
if (!form) return;
const prices = {
"5 hours": 50,
"5 days": 30,
"10 days": 20,
"20 days": 15,
"30 days": 10
};
const timeOptions = form.querySelectorAll('input[type="radio"][name="time-option"]');
const pagesInput = form.querySelector('#pages-input');
const totalPriceSpan = form.querySelector('#total-price');
const totalPriceField = form.querySelector('#total-price-field');
function calculateTotal() {
let selectedTime = '';
timeOptions.forEach(option => {
if (option.checked) selectedTime = option.value;
});
let pages = parseInt(pagesInput.value) || 0;
let total = 0;
if (selectedTime && pages > 0) {
total = prices[selectedTime] * pages;
}
totalPriceSpan.textContent = '$' + total;
totalPriceField.value = total;
}
timeOptions.forEach(option => option.addEventListener('change', calculateTotal));
pagesInput.addEventListener('input', calculateTotal);
calculateTotal(); // run on load
});
can you tell me how its tRGETING specfc= things with uid or classes et
