JSのdocument.writeがブラウザ上に表示されない...

前提

気温を表示させるプログラムを書いています.

「const fetchUrls =...」内のdocument.writeは正常にブラウザ上に表示されるのですが, その{}以外のdocument.writeがなぜかブラウザ上に表示されませんでした.

また, htmlでは最終的に変数atを使って, <h1><script src="pra.js">document.write("いまの体感温度は"+at+"だよ")</script></h1> を使いたいのですが, 同様の理由かうまく表示されません. よくわかっておりませんが, 実行すると一瞬だけちらっとdocument.writeの内容が見えました.

実現したいこと

・「const fetchUrls =...」内外でのdocumnt.writeの使用
・<h1><script src="pra.js">document.write("いまの体感温度は"+at+"だよ")</script></h1>の使用

発生している問題・エラーメッセージ

エラーメッセージはありませんでした.


### 該当のソースコード
【HTML】
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <link rel="stylesheet" href="https://unpkg.com/leaflet@1.7.1/dist/leaflet.css"
    integrity="sha512-xodZBNTC5n17Xt2atTPuE1HxjVMSvLVW9ocqUKLsCC5CXdbqCmblAshOMAS6/keqq/sMZMZ19scR4PsZChSR7A=="
    crossorigin="" />
  <script src="https://unpkg.com/leaflet@1.7.1/dist/leaflet.js"
    integrity="sha512-XQoYMqMTK8LvdxXYG3nZ448hOEQiglfqkJs1NOQV44cWnUrBc8PkAOcXy20w0vlaXaVUearIOBhiXZ5V3ynxwA=="
    crossorigin=""></script>

  <script src='https://unpkg.com/@turf/turf@6/turf.min.js'></script>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
</head>

<body>
    <script src="pra.js"></script>

    <script src="pra.js">document.write("いまの体感温度は"+at+"だよ")</script>
</body>
</html>


【JavaScript】
var date = new Date();
const alltime = date.getFullYear() + ('0' + (date.getMonth() + 1)).slice(-2) +('0' + date.getDate()).slice(-2) + ('0' + date.getHours()).slice(-2) + 0+0+0+0

async function fetchURLs(urls) {
    try {
        const fetchUrls = urls.map(url => fetch(url).then(res => res.json()))
        const [todo1] = await Promise.all(fetchUrls)
        const k = todo1["11001"].temp[0]
        const s = todo1["11001"].humidity[0]
        const v = todo1["11001"].wind[0]
        const a = 1.76 + 1.4*v**0.75
        const t = 37 - (37 - k)/(0.68 - 0.0014*s + a**-1) - 0.29*k*(1- s/100)
        const at = Math.round(t*10)/10 ;
        document.write("気温:"+k+"℃" + "<br>\n" )
        document.write("湿度:"+s+"%" + "<br>\n" )
        document.write("風速:"+v+"m/s" + "<br>\n" )
        document.write("体感温度:"+at+"℃" + "<br>\n" )
        console.log(v)
      } catch (error) {
          console.error(error)
      }
    }
    fetchURLs(['https://www.jma.go.jp/bosai/amedas/data/map/' + alltime + '.json'])


```ここに言語名を入力
html, JavaScript