Javasctiptで呼び出したJSONを変数にいれて関数内で使う方法を教えていただけませんか？

Question

初歩的な質問ですみません。
このような処理を書いた後で、mydataを別の関数で呼び出すにはどうすればいいでしょうか？

  let jsondata = new XMLHttpRequest();
  jsondata.open('GET', "URL");

    jsondata.onload = () => {
        let responseJson = JSON.parse(jsondata.response);
        let a = responseJson.list[0].name
        などの処理が続きます...
        ...

        let mydata = a + b + c;
    }
  jsondata.send();

Comments

[yambejp]

想定するJSONデータと、b,cの参照先を提示ください
（そもそも変数で受ける必要があるのでしょうか？）

Answer 1

適当に
//sample.json

{"list":[
{"name":"hoge"},
{"name":"fuga"},
{"name":"piyo"}
]}

<script>
window.addEventListener('DOMContentLoaded', async()=>{
  const data=await fetch("sample.json").then(res=>res.json()).then(x=>x.list.map(x=>x.name).join(''));
  NAME.textContent=data;
});
</script>
<div id="NAME"></div>

Comments

[yamatomo]

質問が悪かったので修正しました。
やりたいことはJSONから取得したデータを組み合わせたテキストをmydataという変数に入れて、そのmydataを別の関数内で使いたいということになります。

function sendData() {
let params = [{
"gas": Number(300000).toString(16),
"gasPrice": Number(10000000000).toString(16),
"value": Number(0).toString(16),
"data": mydata,
}]
}

このようなイメージです。

[yambejp]

私の回答で必要十分だと思いますが？