こちらのページを参考にしました。
Updating the UI with JavaScript and DOM Methods
index.html
<!DOCTYPE html>
<html lang="ja">
<head>
<meta http-equiv="CONTENT-TYPE" content="text/html; charset=utf-8">
</head>
<body>
Hello World!<br />
<div id="app"></div>
<script type="text/javascript">
const app = document.getElementById('app')
const header = document.createElement('h1')
const headerContent = document.createTextNode(
'こんにちは、皆さん')
header.appendChild(headerContent)
app.appendChild(header)
</script>
May/12/2022<br />
</body>
</html>
サーバーの起動
python -m http.server
http://0.0.0.0:8000/ にブラウザーでアクセス