Javascript Function MassQuerySelector() Array Return

Javascript Function MassQuerySelector() Array Return to Make Creating Handles Javascript HTML Elements Much Easier and Neater - Automatically Uses querySelector # and querySelectorAll . as Appropriate

/* ------------------------------------------- function to simplify the creation of handles to html elements. [elemIDs] must be supplied either with # or . at beginning so function knows whether to use querySelector() or querySelectorAll() ------------------------------------------ */ function massQuerySelector( ...elemIDs) { let arr = []; elemIDs.forEach((elem, index) => { // get the first character of this element // to see if its # or . let el = elemIDs[index].trim(), firstChr = (el.substring(0,1)); // if first character is # then querySelector if(firstChr == "#") { arr[index] = document.querySelector(elemIDs[index]); } else // if first character is . then querySelectorAll { if(firstChr == ".") arr[index] = document.querySelectorAll(elemIDs[index]); } }); return arr; }

How to Use massQuerySelector() Function

instead of ... let textAreaInput = document.querySelector("#textareainput"); let textAreaOutput = document.querySelector("#textareaoutput"); let arrRadioSelection = document.querySelectorAll(".radioselection"); let btnProcess = document.querySelector("#buttonprocess"); use ... const [ textAreaInput, textAreaOutput, arrRadioSelection, btnProcess ] = massQuerySelector ( "#textareainput", "#textareaoutput". ".radioselection", "#buttonprocess" );