
<dd>タグにidが設定されているのでid名を指定して対象のHTML要素を書き換えます!
index.html
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<h1>JavaScript Practice</h1>
<dl>
<dt>今日の天気</dt>
<dd id="weather">晴れ</dd>
</dl>
<script src="index.js"></script>
</body>
</html>
1,要素を取得し書き換える
document.getElementById("id名");
index.js
// DOM操作でHTMLを書き換える
let element = document.getElementById("weather");
// innnerHTMLは記述したテキストもHTMLとして認識
element.innerHTML="<span>曇り</span>";
// textContentは記述したテキストを文字列として認識
element.textContent="<span>曇り</span>";