<button class="edit">EDIT PROFILE</button>

<div class="display">
<input  type="file" name="profpic" accept="image/png, image/jpeg" 
style="max-width:480px;max-height:480px;">
</div>

I have few elements with class display and i want them to be displayed together with single button, but i can't find solution.

let btn = document.querySelector('.edit');
let prof = document.querySelectorAll('.display');
btn.onclick = function(){
  prof.classList.toggle("edited");
};

ofc css class display is set to none and edited is set to flex