html-JavaScript数组中的随机项在新搜索/刷新页面后显示不同的短语

我构建了一个天气应用程序，我只想在每次搜索新城市或重新加载页面时添加一些短语。我将这些短语放在一个数组中（它们显示在控制台中），只需要弄清楚如何使用它们将其实际显示在HTML中（innerHTML或document.queryselector？？？）。当；单击；碰巧提交了城市搜索。所以我需要弄清楚是否&lt；p&gt；或者div类是我在HTML中需要的。我觉得很快就能弄明白了，但我已经花了几个小时在这上面了......

function displayPhrase() {
var phrases = [
  "Always check the weather before going on long drives!",
  "Make sure your tires have tread.",
  "Make sure your wipers work properly.",
  "Always check fuel and oil levels.",
  "Drive safe today!",
  "Dress accordingly!",
  "Check your tire pressure regularly.",
];

var randomPhrase = phrases[Math.floor(Math.random() * phrases.length)];

console.log(randomPhrase);

}