javascript – ¿Cómo agrego un subrayado para todos los enlaces en el sitio web cuando hago clic en el botón?

después de una hora de prueba y error con la creación de un script simple, les pido ayuda. me gustaria crear un buttonque después de hacer clic en él agregará un estilo de subrayado a todos a selectores en el sitio web. Ya escribí una función simple, pero desafortunadamente no funciona. Hay un gran número de a selectores en toda la página, por lo que no enviaré el código de toda la página.

archivo JS:

function underlineLinks() {
  const links = document.querySelectorAll("a");
  links.style.textDecoration = "underline";
}

Código HTML:

<button onclick="underlineLinks()">Underline</button>

Código PHP en el archivo functions.php:

function underline_links() {
  wp_enqueue_script( 'js-file', get_stylesheet_directory_uri() . '/js/underline.js');
}
add_action('wp_enqueue_scripts', 'underline_links');