Forum Discussion
You should change selector querySelector('.acc-textinput') to querySelectorAll('.acc-textinput'). It selects all elements/inputs that match a specified CSS selector and returns a NodeList containing those elements. For example:
var inputs = document.querySelectorAll('.acc-textinput');
if (inputs.length > 0) {
inputs[1].disabled = true;
inputs[1].style.setProperty('color', '#BFBFBF', 'important');
}
It means that only the second element/input (input[0] being the first input) will be disabled. And enabled again with the code below:
var inputs = document.querySelectorAll('.acc-textinput');
if (inputs.length > 0) {
inputs[1].disabled = false;
inputs[1].style.setProperty('color', 'rgba(0, 0, 0, 0)', 'important');
}
This code will work no matter how many inputs you've added to the slide. You just need to know how to properly target the input that needs to be disabled. Check the attached video demonstrating scripts above.
That's super helpful Nedim; it works like a charm. Thanks so much!
Is the reason you did this based on the input numbers instead of a unique ID for each input just ease of coding?