StackOverflow new window v2

How to submit from either of two identical web forms?

by lenny86

HTML

<form>
    <div class="input-group input-group-lg mb-3 p-2 bg-warning rounded form">
        <input type="text" class="form-control" placeholder="My company name" aria-label="My company name" aria-describedby="basic-addon2">
        <div class="input-group-append">
            <button class="btn btn-primary btn-lg button mybutton" type="button">Get started!</button>
        </div>
    </div>
</form>

<form>
    <div class="input-group input-group-lg mb-3 p-2 bg-warning rounded form">
        <input type="text" class="form-control" placeholder="My company name" aria-label="My company name" aria-describedby="basic-addon2">
        <div class="input-group-append">
            <button class="btn btn-primary btn-lg mybutton" type="button">Get started!</button>
        </div>
    </div>
</form>

JavaScript

//get DOM elements and return an array
    let form = [].slice.call(document.querySelectorAll('.form'));
    //loop through each form 
    form.forEach(e => {
        function openWindow() { 
            let inputField = e.querySelector('.form-control').value;
            console.log(inputField);
            window.open("https://airtable.com/myformidgoeshere?prefill_Company=" + encodeURIComponent(inputField));
        }
        e.querySelector('.mybutton').addEventListener("click", openWindow)
    })