質問: こちらのサイトのメインビジュアルで、北海道の地図の上の札幌の上のピンクの丸をクリックすると、 ・地図の左右にある8つの要素の変更。(これはできました。) ・北海道人気観光8エリアの文字を変更(これも変更したいです。) をしたいです。 札幌の上のピンクの丸に、 onclick="show('sapporo')を入れて、 上記2つにclass="sapporo"にすると、 1つしか変更されませんでした。 試しに ・地図の左右にある8つの要素 class="sapporo" ・北海道人気観光8エリアの文字 class="sapporo2" と分けて、 札幌の上のピンクの丸に、 onclick="show('sapporo','sapporo2')などいれると無効になりました。 札幌の上のピンクの丸をクリックすると、 ・地図の左右にある8つの要素の変更。(これはできました。) ・北海道人気観光8エリアの文字を変更(これも変更したいです。) これを2つ同時に変更したいのですが、わかる方ご教授お願い致します。
回答: `show` 関数にはどの要素を表示したいのかが引数として渡されるため、その値が札幌だった場合にのみ見出しのテキスト内容を `textContent` プロパティを用いて変更すれば良いと思います。 ``` function show(course) { document .querySelectorAll(".container_mainvisual > div[id]") .forEach(e => (e.style.visibility = "hidden")); document.getElementById(course).style.visibility = "visible"; if (course === "sapporo") { document.querySelector(".hokkaido_guide").textContent = "札幌・小樽完全観光ガイド"; } } ```