您好我是 javascript 的新手，正在嘗試創(chuàng)建以下功能。我有 7 個(gè)按鈕。其中一些從一開始就懸而未決。這取決于從數(shù)據(jù)庫中獲取的數(shù)值。因此，當(dāng)數(shù)據(jù)庫中的這個(gè)值為 4 時(shí)，將懸停 4 個(gè)按鈕但是，當(dāng)懸停在“記住”或“不記得”按鈕時(shí)，如下圖所示。懸停的按鈕數(shù)量應(yīng)該會(huì)暫時(shí)改變。當(dāng)懸?！坝涀　睍r(shí) - 按鈕 5 也應(yīng)該懸停。當(dāng)“Remembered”未懸停時(shí) - 只有 4 個(gè)按鈕應(yīng)該再次懸停。當(dāng)“DidNotRemember 懸?！睍r(shí) - 只有按鈕 1 應(yīng)該懸停。當(dāng)“DidNotRemember”未懸停時(shí) - 只有 4 個(gè)按鈕應(yīng)該再次懸停。下面是我的方法，我不太明白為什么它不起作用。我的代碼：var actualLeitnerbox = 4; // Dummy value. Will normally be fetched from databasevar leitnerbox = actualLeitnerbox;function rememberedHovered(leitnerbox) {  leitnerbox += 1;  return leitnerbox}function rememberedNotHovered(leitnerbox, actualLeitnerbox) {  leitnerbox = actualLeitnerbox;  return leitnerbox}function didNotRememberHovered(leitnerbox) {  leitnerbox = 1;  return leitnerbox}function didNotRememberNotHovered(leitnerbox, actualLeitnerbox) {  leitnerbox = actualLeitnerbox;  return leitnerbox}var header = document.getElementById("myDIV");var btns = header.getElementsByClassName("btn");for (var i = 0; i < leitnerbox; i++) {  btns[i].classList.add("active");}/* Style the buttons */.btn {  border: none;  outline: none;  padding: 10px 16px;  background-color: #f1f1f1;  cursor: pointer;  font-size: 18px;}/* Style the active class, and buttons on mouse-over */.active,.btn:hover {  background-color: #666;  color: white;}<button onmouseover="rememberedHovered()" onmouseout="rememberedNotHovered()" class="btn "> Remembered </button><button onmouseover="didNotRememberHovered()" onmouseout="didNotRememberNotHovered()" class="btn "> Did Not Remember </button><div id="myDIV">  <button class="btn">1</button>  <button class="btn">2</button>  <button class="btn">3</button>  <button class="btn">4</button>  <button class="btn">5</button>  <button class="btn">6</button>  <button class="btn">7</button></div>