DOM の使い方 #Web

こちらのページを参考にしました。
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/ にブラウザーでアクセス