JSFiddle - React, Tailwind, and code Playground

by BrianGenisio

HTML

<input id="test1foo" />
<input id="test2foo" />
<input id="testbar" />

JavaScript

String.prototype.endsWith = function(suffix) {
    return this.indexOf(suffix, this.length - suffix.length) !== -1;
};

function getInputsThatEndWith(text) {

    var result = [];
    var inputs = document.getElementsByTagName("input");

    for (var i = 0; i < inputs.length; i++) {
        if (inputs[i].id.endsWith(text)) {
            result.push(inputs[i]);
        }
    }

    return result;
}

function setInputsThatEndWith(text, value) {
    var inputs = getInputsThatEndWith(text);

    for (var i = 0; i < inputs.length; i++) {
        inputs[i].value = value;
    }
}

setInputsThatEndWith("foo", "bar");

var inputs = getInputsThatEndWith("foo");

for (var i = 0; i < inputs.length; i++) {
    var input = inputs[i];
    console.log(input.id + ": " + input.value);
}