久しぶりの JS メモ button と aタグ　制御

JavaScript
// ====== 読み込んだ時の処理 ======
window.addEventListener("load", function() {
   // 実行したい処理
//   riyou_btn.disabled = true; // ボタン無効化　「利用するボタン」
// riyou_no_btn.disabled = false; //　ボタン有効化  利用しないボタン」

    dai_sikizyou.forEach(function (elem, i){
       dai_arr[i] = elem.getAttribute('href');
    });

    syou_sikizyou.forEach(function (elem, i){
        syou_arr[i] = elem.getAttribute('href');
    });
     
    // === 利用しない　を選択
     btn_nofunc();

});


// === 「利用するボタン」が押された時
function btnfunc(){
    riyou_btn.style.backgroundColor = "#999";
    riyou_no_btn.style.backgroundColor = "#fff";

    dai_arr.forEach(function(elem , i) {
        dai_sikizyou[i].setAttribute("href", elem);
        dai_sikizyou[i].innerText = "○";
     //   alert(dai_sikizyou[i]);
    });

    syou_arr.forEach(function(elem, i){
        syou_sikizyou[i].setAttribute("href", elem);
        syou_sikizyou[i].innerText = "○";
    });

}

// === 利用しないボタン」が押された時
function btn_nofunc() {
    riyou_no_btn.style.backgroundColor = "#999";
    riyou_btn.style.backgroundColor = "#fff";

    // === 大式場の a タグのurl を変える
    dai_sikizyou.forEach(function (elem){
          elem.setAttribute('href', "#");
          elem.innerText = "利用なし";
    });

     syou_sikizyou.forEach(function (elem){
          elem.setAttribute('href', "#");
          elem.innerText = "利用なし";
    });
 
}


var riyou_btn = document.getElementById("riyou_btn"); // 「利用するボタン」
var riyou_no_btn = document.getElementById("riyou_no_btn"); // 「利用しないボタン」

var dai_sikizyou = document.querySelectorAll(".dai_sikizyou"); // 「大式場 a タグ」
var syou_sikizyou = document.querySelectorAll(".syou_sikizyou"); // 「小式場 a タグ」


var dai_arr = Array(dai_sikizyou.length);
var syou_arr = Array(syou_sikizyou.lenght);

riyou_btn.addEventListener('click', btnfunc);
riyou_no_btn.addEventListener('click', btn_nofunc);

// ========== ボタン分岐 「利用」「利用しない」　END ==========