CSS, jsでボタンクリックでサイト内のフォントを変更させる方法。

Question

現在HTML, CSSをメインにサイト作成をしています。
タイトルの通り、ボタン1つでフォントを変更させる方法が分かりません。

以下の画像のようにボタンを配置し、ボタンクリックで本文or全体のフォントを変更させたいです。
そしてもうワンクリックで元のフォントに戻るような設定にしたいです。

jsの知識がほぼ皆無なので、全くと言っていいほど方法が分かりません。
アイデア・知恵など頂けると有り難いです。よろしくお願いします。

Answer 1

JavaScriptで動的にStyleを変更すればいいと思います

const element = document.getElementById("変えたいところのID");
h1.style.fontFamily = "変えたいフォント";

これをクリックしたときに実行するとできます

Comments

[takumiisobe_]

ありがとうございます。
少し自分でも調べてみたのですが、上記のコードにonclickを加え、クリック時に可変できるようにする。ということでしょうか？

[mouse_484]

HTMLにonclickを加え
先程のコードを関数にして実行すればよいです