Вот html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="main.js"></script>
<link rel="stylesheet" href="style.css">
</head>
<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>
</html>
Вот js
const numbers_list = document.querySelectorAll(".calc_button")
console.log(numbers_list)
С getElementById и getElementByClassName работает нормально, а querySelector не находит элементы
