允许用户更改背景颜色

Question

我有这段代码，当我从cPanel测试它时，它正在改变背景颜色，但是当我刷新页面时却没有。
例如，我设置了红色，当我刷新页面时，它不显示红色，但是显示默认颜色，而当我从扩展名测试它时，它不提供任何功能，也不更改任何颜色。 ？
有人可以帮我解决这个问题吗？非常感谢。

Dev
- Visual Studio Community 2017 v15.7.5
- EF Core 2.0.0

Server
- Windows Server 2012 R2
- Runtime .Net Core App 2.0.7

var sum = 0;
$(document).on("input", ".MyColors", function() {
  var amount = 100;
  var values = [];
  $('input').each(function(index, element) {
    values.push(parseInt($(element).val(), 10) || 0);
  });

  var total = values.reduce(function(sum, val) {
    return sum + val;
  }, 0);
  var diff = amount - total;
  if ($(this).index() == ($(".MyColors").length)) {
    if (diff > 0) {
      console.log("last not ok")
    } else {
      console.log("last ok")
    }
  } else {
    if (diff >= 0) {
      console.log("ok")
    } else {
      console.log("not ok")
    }
  }
})

function black() {
  document.body.style.backgroundColor = "black"
}

function blue() {
  document.body.style.backgroundColor = "blue"
}

function fuchsia() {
  document.body.style.backgroundColor = "fuchsia"
}

function green() {
  document.body.style.backgroundColor = "green"
}

function orange() {
  document.body.style.backgroundColor = "#c44000"
}

function purple() {
  document.body.style.backgroundColor = "purple"
}

function red() {
  document.body.style.backgroundColor = "red"
}

function oil() {
  document.body.style.backgroundColor = "#808000"
}

function white() {
  document.body.style.backgroundColor = "white"
}

function brown() {
  document.body.style.backgroundColor = "brown"
}

function yellow() {
  document.body.style.backgroundColor = "yellow"
}

function lgreen() {
  document.body.style.backgroundColor = "#00ff00"
}