javascript - 如何在两个字体系列之间切换

Question

我正在尝试在字体系列之间进行简单的切换。想法是让用户改变两种字体。目前，我的代码如下所示:

JS

function myFunction() {
    var x = document.getElementById("body")
    if (x.style.fontFamily = "OpenDyslexic") {
        x.style.fontFamily = "OpenDyslexic";
    } else {
        x.style.fontFamily = "Noto";
    }
}

HTML

<label class="switch">
  <input type="checkbox" onclick="myFunction()">
   <span class=" slider round"></span>
</label>

我的代码将字体更改为“OpenDyslexic”，但我无法更改为 Noto 字体，切换不工作。有人可以帮我解决这个问题吗？

Answer 1

你只是错过了 if equals

function myFunction() {
    var x = document.getElementById("body")
    if (x.style.fontFamily == "OpenDyslexic") {
        x.style.fontFamily = "OpenDyslexic";
    } else {
        x.style.fontFamily = "Noto";
    } }