我的重置按钮将清除所有输入值，但我还需要它来重置我的按钮innerHTML

Question

因此，我有一个可以正常使用的重置按钮和type="reset"。因此，我发现这只会清除输入区域。这是完美的。所以我的问题是我也可以使此按钮将按钮重置为innerHTML吗？还是我需要更改按钮的类型并仅添加js函数或其他功能？

在这里我的按钮：

<input type="reset" id="resetbtn" class="resetting" value="Clear" />

我要更改的按钮具有“全选”的innerHTML，然后当我单击该按钮时，其更改为“取消全选”。因此，如果用户单击了按钮，但它仍然显示“全部取消选择”，然后他们按了清除按钮，则所有内容都会被擦除，但是按钮innerHTML不会变回“全部选择”。

在此处，我想通过重置重新更改的按钮：

<button id="selection" class="select-all-years">Select All Years</button>

你们真的不需要它，但这是我单击时更改按钮innerHTML的方式：

var clicked2 = false;
$('.select-all-years').click(function () {
    $('[class="year"]').prop("checked", !clicked2);
    clicked2 = !clicked2;
    this.innerHTML = clicked2 ? 'Deselect All Years' : 'Select All Years';
    event.preventDefault();
});