const form = document.querySelector('form');
const result = document.querySelector('#result');
form.addEventListener('change', (event) => {
const processor = form.elements.processor.value;
const graphics = form.elements.graphics.value;
const memory = form.elements.memory.value;
const storage = form.elements.storage.value;
const caseType = form.elements.case.value;
result.innerHTML = `You have selected the following components:
Processor: ${processor}
Graphics Card: ${graphics}
Memory: ${memory}
Storage: ${storage}
Case: ${caseType}`;
});
top of page
bottom of page
const form = document.querySelector('form');
const result = document.querySelector('#result');
form.addEventListener('change', (event) => {
const processor = form.elements.processor.value;
const graphics = form.elements.graphics.value;
const memory = form.elements.memory.value;
const storage = form.elements.storage.value;
const caseType = form.elements.case.value;
result.innerHTML = `You have selected the following components:
Processor: ${processor}
Graphics Card: ${graphics}
Memory: ${memory}
Storage: ${storage}
Case: ${caseType}`;
});