Order of operations to pass information to a hidden field using Javascript

Question

I don't use Javascript a lot and this has me stumped on where to start. Goal is to create JS that sets the Sales Channel Hidden field value based on other field values per the order of operations as follows: Order of operations If Industry = Cleanroom, Sales Channel = ABC If Industry = Healthcare, Sales Channel = DEF If

Accepted Answer

Added a description of what each part does within the code. Try it and then analyze it to understand how it is working. // First we should define the state so we can store it later on.const state = { industry: null, numberEmp: null, multipleLocations: null};// Get the hidden user input. The attribute name is used as a// selector but the id attribute would be better, keep that in mind.const salesChannelInput = document.querySelector('[name="hidden"]');// Then we setup listeners for all 3 input groups and when one of them// changes, we store it in the previously created state.// Also we run a function called 'selectSalesChannel' which will// apply the correct value to the hidden sales channel input.const industryInputs = document.querySelectorAll('[name="industryname[]"]');industryInputs.forEach(input => { input.addEventListener('input', event => { state.industry = event.target.value; selectSalesChannel(salesChannelInput, state.industry, state.numberEmp, state.multipleLocations); });});const numberEmpInputs = document.querySelectorAll('[name="numberemp[]"]');numberEmpInputs.forEach(input => { input.addEventListener('input', event => { state.numberEmp = event.target.value; selectSalesChannel(salesChannelInput, state.industry, state.numberEmp, state.multipleLocations); });});const multipleLocationsInputs = document.querySelectorAll('[name="13011[]"]');multipleLocationsInputs.forEach(input => { input.addEventListener('input', event => { state.multipleLocations = event.target.value; selectSalesChannel(salesChannelInput, state.industry, state.numberEmp, state.multipleLocations); });});// Function with your logic, any mistake to the logic, should be// changed here.// Note: We are comparing with strings and not numbers, this is important.function selectSalesChannel(salesInput, industry, numOfEmployees, multipleLocations) { if (industry === '47773') { salesInput.value = 'ABC'; } else if (industry === '47777') { salesInput.value = 'DEF'; } else if (numOfEmployees === '47769' || multipleLocations === '47787') { salesInput.value = 'GHI'; } else { salesInput.value = 'JK'; }}

Advertisement

Answer