Random name from a list :: JS

by lshettyl

HTML

<h1> Name randomizer </h1>  

        <div id= "container">

            <div id="names">

                <ul class="bulleted">
                    <li>name1</li>
                    <li>name2</li>
                    <li>name3</li>
                    <li>name4</li>
                    <li>name5</li>
                </ul>
                
            </div>

            <button>Next name</button>

        </div>

JavaScript

var items = document.querySelectorAll("#names > .bulleted li");
document.querySelector("#container > button").addEventListener("click", function() {
    var rand = Math.floor(Math.random() * items.length);
    alert (items[rand].textContent);
});