文档建议反馈控制台
首页
学习
活动
专区
圈层
工具
MCP广场
文章/答案/技术大牛
发布
社区首页 >问答首页 >Javascript等级计算

问Javascript等级计算
EN

Stack Overflow用户
提问于 2017-05-19 10:49:19
回答 1查看 389关注 0票数 1

我正在尝试创建一个分数计算器；我的学生可以根据设定单位的成绩来计算他们的成绩。我进行了一次尝试，从下面的代码可以看出：

代码语言：javascript
复制
<script type="text/javascript">
var units = 3;
var ocr = 0;
var grade = "";
var feedback = "";

function runCert()
{
document.getElementById("o1").disabled=false;
document.getElementById("o2").disabled=false;
document.getElementById("o3").disabled=true;
document.getElementById("o1").style.backgroundColor="#CCFFCC";
document.getElementById("o2").style.backgroundColor="#CCFFCC";
document.getElementById("o3").style.backgroundColor="#FFCCCC";
units = 2;
}

function runScore()
{
    ocr = 0;


    function assistScore(con1)
{
    if (document.getElementById("o1").disabled=false == "P") ocr = ocr + 21;
    if (document.getElementById("o1").disabled=false == "M") ocr = ocr + 24;
    if (document.getElementById("o1").disabled=false == "D") ocr = ocr + 27;

    if (document.getElementById("o2").disabled=false == "P") ocr = ocr + 21;
    if (document.getElementById("o2").disabled=false == "M") ocr = ocr + 24;
    if (document.getElementById("o2").disabled=false == "D") ocr = ocr + 27;

    if (document.getElementById("o3").disabled=false == "P") ocr = ocr + 14;
    if (document.getElementById("o3").disabled=false == "M") ocr = ocr + 16;
    if (document.getElementById("o3").disabled=false == "D") ocr = ocr + 18;    
}



if (units == 2)
    {
        assistScore(document.getElementById("o1").value);
        assistScore(document.getElementById("o2").value);


        if (ocr >= 52)
        {
            ucas = 28;
            grade = "D*";
            feedback = "This is the highest grade available";
        }
        else if (ocr >= 50)
        {
            ucas = 24;
            grade = "D";
            feedback = "You are " + (50 - ocr) + " ocr points short of the next grade boundary";
        }
        else if (ocr >= 46)
        {
            ucas = 40;
            grade = "M";
            feedback = "You are " + (46 - ocr) + " ocr points short of the next grade boundary";
        }
        else
        {
            ucas = 8;
            grade = "P";
            feedback = "You are " + (42 - ocr) + " ocr points short of the next grade boundary";
        }


    }

    alert("ocr Score: " + ocr + "\n\nocr Grade: " + grade + "\n\nUCAS Points: " + ucas + "\n\n" + feedback);


}
</script>


<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>

<body>
<form >
  <table width="933" height="251" border="1">
    <tr>
      <td colspan="3">OCR grade calculator </td>
      <td width="199">&nbsp;</td>
    </tr>
    <tr>
      <td width="201">unit #</td>
      <td width="217">name </td>
      <td width="288">mark </td>
      <td>your course</td>
    </tr>
    <tr>
      <td style="width: 98px;">1</td>
      <td style="width: 221px;">Fundamentals of IT</td>
      <td><select id="o1" style="background: #CCFFCC;">
        <option value="Select">Select</option>
        <option value="P">P</option>
        <option value="M">M</option>
        <option value="D">D</option>
      </select></td>
      <td><input type="radio" name="coursetype" value="ocr" id="A" onclick="runCert()" />
Certificate (2 units)</td>
    </tr>
    <tr>
      <td style="width: 98px;">2</td>
      <td style="width: 221px;">Global Information</td>
      <td><select id="o2" style="background: #CCFFCC;">
        <option value="Select">Select</option>
        <option value="P">P</option>
        <option value="M">M</option>
        <option value="D">D</option>
      </select></td>
      <td><input type="button" value="Calculate Score" onclick="runScore()" /></td>
    </tr>
    <tr>
      <td style="width: 98px;">3</td>
      <td style="width: 221px;">Cyber Security</td>
      <td><select id="o3" style="background: #CCFFCC;">
        <option value="Select">Select</option>
        <option value="P">P</option>
        <option value="M">M</option>
        <option value="D">D</option>
      </select></td>
      <td>&nbsp;</td>
    </tr>
  </table>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
</form>

我的问题是，分数并不是总数，也不是最后的分数。有人能帮我看看吗？

javascript
html
function
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2017-05-19 11:32:22

从选项中获取值似乎有点失败，修复了它(并且还缩短了代码，使其更具可读性：钢笔 )

代码语言：javascript
复制
<script type="text/javascript">
var units = 3;
var ocr = 0;
var ucas = 0;
var grade = "";
var feedback = "";
  var o1 
  var o2 
  var o3 
  window.addEventListener("load", function(event) {
   o1 = document.getElementById("o1");
   o2 = document.getElementById("o2");
   o3 = document.getElementById("o3");
  })

function runCert()
{
o1.disabled=false;
o2.disabled=false;
o3.disabled=true;
o1.style.backgroundColor="#CCFFCC";
o2.style.backgroundColor="#CCFFCC";
o3.style.backgroundColor="#FFCCCC";
units = 2;
}

function runScore()
{
    ocr = 0;


    function assistScore(con1)
{
    if (o1.disabled==false && o1.value == "P") ocr = ocr + 21;
    if (o1.disabled==false && o1.value == "M")  ocr = ocr + 24;
    if (o1.disabled==false && o1.value == "D")  ocr = ocr + 27;

    if (o2.disabled==false && o2.value == "P") ocr = ocr + 21;
    if (o2.disabled==false && o2.value == "M") ocr = ocr + 24;
    if (o2.disabled==false && o2.value == "D") ocr = ocr + 27;

  if (o3.disabled==false && o3.value == "P") ocr = ocr + 14;
    if (o3.disabled==false && o3.value == "M") ocr = ocr + 16;
    if (o3.disabled==false && o3.value == "D") ocr = ocr + 18;   
}



if (units == 2)
    {
        assistScore(document.getElementById("o1").value);
        assistScore(document.getElementById("o2").value);


        if (ocr >= 52)
        {
            ucas = 28;
            grade = "D*";
            feedback = "This is the highest grade available";
        }
        else if (ocr >= 50)
        {
            ucas = 24;
            grade = "D";
            feedback = "You are " + (50 - ocr) + " ocr points short of the next grade boundary";
        }
        else if (ocr >= 46)
        {
            ucas = 40;
            grade = "M";
            feedback = "You are " + (46 - ocr) + " ocr points short of the next grade boundary";
        }
        else
        {
            ucas = 8;
            grade = "P";
            feedback = "You are " + (42 - ocr) + " ocr points short of the next grade boundary";
        }


    }

    alert("ocr Score: " + ocr + "\n\nocr Grade: " + grade + "\n\nUCAS Points: " + ucas + "\n\n" + feedback);


}
</script>


<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>

<body>
<form >
  <table width="933" height="251" border="1">
    <tr>
      <td colspan="3">OCR grade calculator </td>
      <td width="199">&nbsp;</td>
    </tr>
    <tr>
      <td width="201">unit #</td>
      <td width="217">name </td>
      <td width="288">mark </td>
      <td>your course</td>
    </tr>
    <tr>
      <td style="width: 98px;">1</td>
      <td style="width: 221px;">Fundamentals of IT</td>
      <td><select id="o1" style="background: #CCFFCC;">
        <option value="Select">Select</option>
        <option value="P">P</option>
        <option value="M">M</option>
        <option value="D">D</option>
      </select></td>
      <td><input type="radio" name="coursetype" value="ocr" id="A" onclick="runCert()" />
Certificate (2 units)</td>
    </tr>
    <tr>
      <td style="width: 98px;">2</td>
      <td style="width: 221px;">Global Information</td>
      <td><select id="o2" style="background: #CCFFCC;">
        <option value="Select">Select</option>
        <option value="P">P</option>
        <option value="M">M</option>
        <option value="D">D</option>
      </select></td>
      <td><input type="button" value="Calculate Score" onclick="runScore()" /></td>
    </tr>
    <tr>
      <td style="width: 98px;">3</td>
      <td style="width: 221px;">Cyber Security</td>
      <td><select id="o3" style="background: #CCFFCC;">
        <option value="Select">Select</option>
        <option value="P">P</option>
        <option value="M">M</option>
        <option value="D">D</option>
      </select></td>
      <td>&nbsp;</td>
    </tr>
  </table>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
</form>
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：

https://stackoverflow.com/questions/44068131

复制
相关文章

相似问题

领券

腾讯云开发者

扫码关注腾讯云开发者

扫码关注腾讯云开发者

领取腾讯云代金券

热门产品

热门推荐

更多推荐

Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有 

深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 粤公网安备44030502008569号

腾讯云计算（北京）有限责任公司 京ICP证150476号 |  京ICP备11018762号

问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档