JSFiddle - React, Tailwind, and code Playground

HTML

<form id="option-form" method="POST" action="">
    <input id="option1" class="option-item" type="text" />
    <input id="option2" class="option-item" type="text" />
    <input id="option3" class="option-item" type="text" />
    <input id="option4" class="option-item" type="text" />
    <input id="option5" class="option-item" type="text" />
    <input id="option6" class="option-item" type="text" />
    <input id="option7" class="option-item" type="text" />
    <input id="option8" class="option-item" type="text" />
    <input id="option9" class="option-item" type="text" />
    <input type="submit" />
</form>

JavaScript

(function ($) {
    $("#option-form").on("submit", function (e) {
        e.preventDefault();
        var arraylist = [];
        $('.option-item').each(function (i) {
            arraylist[i] = $(this).val();
        });
        var decide = arraylist[Math.floor(Math.random() * arraylist.length)];
        $("#verdict").text(decide);

        console.log(arraylist); // is the whole array
        console.log(arraylist[1]); // is for instance second entry of array
    });
})(jQuery);