<body>
    <div class="container">
        <div class="calc_wrapper">
            <form action="#" class="calc_form">
                <input type="text" class="calc_field">
                <div class="calc_buttons">
                    <a href="#" class="calc_button">sqrt</a>
                    <a href="#" class="calc_button">power</a>
                    <a href="#" class="calc_button">C</a>
                    <a href="#" class="calc_button">CA</a>
                    <a href="#" class="calc_button">7</a>
                    <a href="#" class="calc_button">8</a>
                    <a href="#" class="calc_button">9</a>
                    <a href="#" class="calc_button">/</a>
                    <a href="#" class="calc_button">4</a>
                    <a href="#" class="calc_button">5</a>
                    <a href="#" class="calc_button">6</a>
                    <a href="#" class="calc_button">*</a>
                    <a href="#" class="calc_button">1</a>
                    <a href="#" class="calc_button">2</a>
                    <a href="#" class="calc_button">3</a>
                    <a href="#" class="calc_button">+</a>
                    <a href="#" class="calc_button">0</a>
                    <a href="#" class="calc_button">.</a>
                    <a href="#" class="calc_button">=</a>
                    <a href="#" class="calc_button">-</a>
                </div>
            </form>
        </div>
    </div>
</body>
const numbers_list = document.querySelectorAll(".calc_button");
console.log('numbers_list=', numbers_list[0]);

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.