<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]);
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.