オンクリック時に　google.script.run.withSuccessHandlerが何度も実行されてしまうのですがどう対処すればよいか教えていただけるでしょうか

前提・実現したいこと

現在、スプレッドシートのデータを元にガチャシステムのようなものをつくっております
データの情報を確立に合わせて、サーバー側のデータを10連として取得し
google.script.run.withSuccessHandlerで表示させています
表示するにはするのですが、なぜか何度も表示されてしまいます

GASコード---------------------------------------
function doGet(){//ブラウザにそのWebページを表示関数
 var title="ガチャカード";
 return HtmlService.createTemplateFromFile('index').evaluate().setTitle(title);
}

function cardSelect10(){
　const cardData = SpreadsheetApp.getActiveSpreadsheet().getSheetByName("カードデータ").getDataRange().getValues();   

  var obj = new Array();
  var json;
  for(let i=0; i< 10; i++){
    let searchPosition = 0.0;
    let cardWeight=cardData[0][1];
    const pickedItem = Math.random() * cardWeight;
    for(let j=2; j< cardData.length; j++){
      searchPosition += cardData[j][0];
      if( pickedItem < searchPosition ){ 
　　　　 obj[i]=cardData[j];
         break;
      }
    }
  }

//json = JSON.stringify(obj)
//console.log(obj[2]);
  return(obj);
}

Htmlコード----------------------------------------------
<head>
  <meta charset="UTF-8">
  <title>がちゃてすと</title>
   <script language="javascript" type="text/javascript">

      function OnButtonClick(obj) {
   　　 google.script.run.withSuccessHandler(OnButtonClick).cardSelect10();
        //サーバー側の関数の呼び出しが成功したらクライアント側関数を呼び出す
         let gUrl = "https://drive.google.com/uc?export=view&id=";
        let html ="";
        let line = new Array();
        for( let i=0; i<obj.length; i++){
          line = obj[i];
          html += i + ":" + line[1] + "<br>";
        }
        target = document.getElementById("output");
        target.innerHTML = html;
      }
    </script>
 </head>
<body>
<input type="button" value="１れん" onclick="OnButtonClick();"/><br />
<div id="output"></div>
</body>
</html>

試したこと

google.script.run.withSuccessHandler(OnButtonClick).cardSelect10();
の記述を
function OnButtonClick(obj) {
から外に出すと１回は表示するのですが2回目以降は反応しません（当たり前だと思いますが）
もう1つデータ取得するための関数を作ったのですがそちらも上手くデータを取得できず
記載方法をどうすればいいのか悩んでおります
どうぞよろしくお願いします

補足情報（FW/ツールのバージョンなど）

テスト環境はWINDOWS10　バージョン: 92.0.4515.107（Official Build）（64 ビット）

行動規範の内容に同意します

回答1件

自己解決

すいませんコチラかいけつしました

データゲットの方法が違っていたようです

   <script language="javascript" type="text/javascript">
      let html ="";
      let line;
      let getData;

      function GetParameters(data){
        getData = data;
      }


      function OnButtonClick() {
        google.script.run.withSuccessHandler(GetParameters).cardSelect10();
        let gUrl = "https://drive.google.com/uc?export=view&id=";
        let ret = GetParameters();
        target = document.getElementById("output");
        target.innerHTML = html;
      }
    </script>

投稿2021/07/21 08:58

SeijyuHijiri

総合スコア0