阅读以下代码，我希望用户在网页上输入得分后，点击计算绩点按钮能在绩点一栏下面显示绩点，但点击按钮后没反应，该怎么完善？<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<link href="myStyles.css" rel="stylesheet" type="text/css">
<script>
function calculateGPA() {
  var score = document.getElementById("score").value;
  var gpa = calculateGPA(score);
  document.getElementById("gpa").innerText = gpa;
}


function calculateGPA(score) {
  if (score >= 90) {
    return 4.0;
  } else if (score >= 85) {
    return 3.7;
  } else if (score >= 82) {
    return 3.3;
  } else if (score >= 78) {
    return 3.0;
  } else if (score >= 75) {
    return 2.7;
  } else if (score >= 72) {
    return 2.3;
  } else if (score >= 68) {
    return 2.0;
  } else if (score >= 66) {
    return 1.7;
  } else if (score >= 64) {
    return 1.3;
  } else if (score >= 60) {
    return 1.0;
  } else {
    return 0.0;
  }
}</script>
	
</head>

<body>
<h1>特色化示范性软件学院(试验班)教学计划</h1>
	


<button class="accordion">2022-2023学年 第一学期</button>
<div class="panel">
<table width="1595" border="1">
  <tbody>
    <tr>
      <th width="301" scope="col">课程名称</th>
      <th width="172" scope="col">学分</th>
      <th width="382" scope="col">参考教材</th>
      <th width="270" scope="col">得分</th>
      <th width="436" scope="col">绩点</th>
    </tr>
    <tr>
      <td>自然科学导引</td>
      <td>2</td>
      <td><img src="../Desktop/BP/image/u=4027674499,1986371212&fm=253&fmt=auto&app=138&f=JPEG.jpg" alt=""/></td>
      <td>
		  <input type="number" id="score" />
      <button onclick="calculateGPA()">计算绩点</button>
		</td>
      <td><span id="gpa"></span></td>
    </tr>
    <tr>
      <td>思想道德与法治</td>
      <td>3</td>
      <td><img src="../Desktop/BP/image/u=1527279609,972791858&fm=253&fmt=auto&app=138&f=PNG.jpg" alt=""/></td>
      <td></td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>形势与政策</td>
      <td>0.5</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>体育</td>
      <td>0.5</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>大学英语</td>
      <td>1.5</td>
      <td><img src="../Desktop/BP/image/u=1272951287,3636485637&fm=253&fmt=auto&app=138&f=JPEG.jpg" alt=""/></td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>    
	<tr>
      <td>高等数学A1</td>
      <td>6</td>
      <td><img src="../Desktop/BP/image/a73b45b7cc77aa8827385593832895e0.jpg" width="800" height="800" alt=""/></td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
	<tr>
      <td>程序设计</td>
      <td>4</td>
      <td><img src="../Desktop/BP/image/下载 (1).jpg" width="348" height="499" alt=""/></td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
	<tr>
      <td>专业导论</td>
      <td>1</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
	<tr>
      <td>军事理论与技能</td>
      <td>4</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
  </tbody>
</table>

</div>
 
<button class="accordion">2022-2023学年第二学期</button>
<div class="panel">
<table width="1613" border="1">
  <tbody>
    <tr>
      <th width="301" scope="col">课程名称</th>
      <th width="172" scope="col">学分</th>
      <th width="382" scope="col">参考教材</th>
      <th width="270" scope="col">得分</th>
      <th width="454" scope="col">绩点</th>
    </tr>
    <tr>
      <td>人文社科导引</td>
      <td>2</td>
      <td><img src="../Desktop/BP/image/下载.jpg" width="359" height="499" alt=""/></td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>马克思主义基本原理</td>
      <td>3</td>
      <td><img src="../Desktop/BP/image/u=1918858133,2268544293&fm=253&fmt=auto&app=138&f=JPEG.jpg" alt=""/></td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>中国近现代史纲要</td>
      <td>3</td>
      <td><img src="../Desktop/BP/image/u=1775126392,2082583838&fm=253&fmt=auto&app=138&f=JPEG.jpg" alt=""/></td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
	  
	<tr>
      <td>形势与政策</td>
      <td>0.5</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>体育</td>
      <td>0.5</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>大学英语</td>
      <td>1.5</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>  
    <tr>
      <td>大学生心理健康</td>
      <td>2</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>高等数学A2</td>
      <td>6</td>
      <td><img src="../Desktop/BP/image/.jpeg" width="500" height="500" alt=""/></td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>线性代数A</td>
      <td>3</td>
      <td><img src="../Desktop/BP/image/u=1665676147,639385142&fm=253&fmt=auto&app=138&f=JPEG.jpg" alt=""/></td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
	<tr>
      <td>离散数学</td>
      <td>4</td>
      <td><img src="../Desktop/BP/image/f9144da186a132ef51112ebfa8925434.jpg" width="800" height="800" alt=""/></td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
	<tr>
      <td>遥感原理与应用</td>
      <td>2.5</td>
      <td><img src="../Desktop/BP/image/38be83ff15039adc2513f777eda14b37.jpg" width="800" height="1132" alt=""/></td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
	<tr>
      <td>大学物理B</td>
      <td>3.5</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
  </tbody>
</table>

</div>
<script>
var acc = document.getElementsByClassName("accordion");
var i;

for (i = 0; i < acc.length; i++) {
    acc[i].addEventListener("click", function() {
    this.classList.toggle("active");
    var panel = this.nextElementSibling;
    if (panel.style.maxHeight) {
      panel.style.maxHeight = null;
    } else {
      panel.style.maxHeight = panel.scrollHeight + "px";
    } 
  });
}
</script>
	
	
	
	
</body>
</html>