Как снять checked и selected в форме после клика на кнопку на чистом JS?

Question

[Elon]

Вот отрывок кода, без кнопки. Тоесть пользователь что-то выбирает, а потом при нажатии на кнопку все возвращается назад. Checked убирается, selected возвращается к дефолтному

<label class="sign-up__sex"><input type="radio" name="sex" id="man" requireda> man</label>
<label class="sign-up__sex"><input type="radio" name="sex" id="woman" required> woman</label> <br><br>
  <select aria-placeholder="Choose..">
        <option disabled selected>Choose...</option>
        <option">Frontend</option>
        <option">Backend</option>
        <option">QC/QA</option>
</select> <br>
<input type="checkbox" name="checkbox" required><label> I agree all statemes in Terms of service</label><br>

Answer 1

[Andrew]

https://jsfiddle.net/kickerock/47jzw9vo/8/

<form>
  <input type="checkbox">

  <select>
    <option>1</option>
    <option>2</option>
    <option>3</option>
  </select>

  <button type="reset">Reset form from inside</button>
</form>
<button id="resetBtn">Reset outside</button>

const form = document.querySelector('form'),
  resetBtn = document.getElementById('resetBtn');
resetBtn.addEventListener("click", () => form.reset())