複数あるbuttonタグのvalue値を連番に変更したい

Question

実現したいこと

JavaScriptを使い、すでに複数ある<button>（可変）のvalue値を連番に変更したいです。

例）これを

<form action="/" method="post">
  <button name="test" value="aaa"></button>
  <button name="test" value="aaa"></button>
  <button name="test" value="aaa"></button>
  <button name="test" value="aaa"></button>
  <button name="test" value="aaa"></button>
</form>

こう

<form action="/" method="post">
  <button name="test" value="1"></button>
  <button name="test" value="2"></button>
  <button name="test" value="3"></button>
  <button name="test" value="4"></button>
  <button name="test" value="5"></button>
</form>

Comments

[maisumakun]

どこまでコードを書いてみて、どのような問題がある状況でしょうか？

[退会済みユーザー]

細かく記載せずに申し訳ありません。
複雑なコードを書いていたため、詳しく記載することができませんでした。
次から状況等詳しく記載したいと思います。

Answer 1

  document
    .querySelectorAll('form button')
    .forEach((btn, i) => {
      btn.value = i + 1;
    });

でいけるかと思います。