fatesses 2018-05-08 09:21 采纳率: 50%
浏览 649
已采纳

关于JS中如何将if切换成function

<!doctype html>



task6.3
<br> table, th, td{<br> border: solid 1px #000000;</p> <pre><code> } th{ text-align: left; } &lt;/style&gt; </code></pre> <p></head></p> <p><body><br> <h1>List of Name, Score and Grade</h1><br> <p>Here is the list of student name, score and grade:</p></p> <pre><code> &lt;div id=&quot;display&quot;&gt;&lt;/div&gt; &lt;script type=&quot;text/javascript&quot;&gt; window.onload = function() { var student, outputText, nLength, n, score, sLength, i, grade; //all the student student = [&#39;Mary&#39;, &#39;Jim&#39;, &#39;Albert&#39;, &#39;Carroll&#39;, &#39;Francis&#39;, &#39;Michael&#39;, &#39;John&#39;, &#39;Tim&#39;, &#39;Carlos&#39;, &#39;Steven&#39;]; score = [65, 70, 85, 90, 50, 62, 76, 88, 64, 45]; sLength = score.length; outputText = &quot;&lt;table&gt;&quot;; outputText += &quot;&lt;tr&gt;&quot;; outputText += &quot;&lt;th&gt;&quot; +&quot;Name&quot; +&quot;&lt;/th&gt;&quot;; outputText += &quot;&lt;th&gt;&quot; +&quot;Score&quot; +&quot;&lt;/th&gt;&quot;; outputText += &quot;&lt;th&gt;&quot; +&quot;Grade&quot; +&quot;&lt;/th&gt;&quot;; outputText += &quot;&lt;/tr&gt;&quot;; for (i = 0, n=0; i &lt; sLength; i++, n++) { outputText += &quot;&lt;tr&gt;&quot;; outputText += &quot;&lt;td&gt;&quot;; outputText += student[n]; outputText += &quot;&lt;/td&gt;&quot;; outputText += &quot;&lt;td&gt;&quot; + score[i] + &quot;&lt;/td&gt;&quot;; outputText += &quot;&lt;td&gt;&quot;; if (score[i]&gt;=80) { grade = &quot;HD(High Distinction)&quot;; } else if(score[i]&lt;80 &amp; score[i]&gt;=70) { grade = &quot;D(Distinction)&quot;; } else if(score[i]&lt;70 &amp; score[i]&gt;=60) { grade = &quot;C(Credit)&quot;; } else if(score[i]&lt;60 &amp; score[i]&gt;=50) { grade = &quot;P(Pass)&quot;; } else { grade = &quot;F(Failed)&quot;; } outputText += grade; outputText += &quot;&lt;/td&gt;&quot;; outputText += &quot;&lt;/tr&gt;&quot;; } outputText += &quot;&lt;/table&gt;&quot;; document.getElementById(&quot;display&quot;).innerHTML = outputText; } &lt;/script&gt; </code></pre> <p></body><br> </html></p> <p>如何将中间if部分变成一个function。</p>
  • 写回答

2条回答 默认 最新

  • Go 旅城通票 2018-05-08 09:27
    关注

    这样?

    
            function getGrade(score) {
                if (score >= 80) return "HD(High Distinction)";
                if (score < 80 & score >= 70) return "D(Distinction)";
                if (score < 70 & score >= 60) return "C(Credit)";
                if (score < 60 & score >= 50) "P(Pass)";
    
                return "F(Failed)"
            }
            window.onload = function () {
                var student, outputText, nLength, n, score, sLength, i, grade;
    
                //all the student
                student = ['Mary', 'Jim', 'Albert', 'Carroll', 'Francis', 'Michael', 'John', 'Tim', 'Carlos', 'Steven'];
    
                score = [65, 70, 85, 90, 50, 62, 76, 88, 64, 45];
    
                sLength = score.length;
    
                outputText = "<table>";
                outputText += "<tr>";
                outputText += "<th>" + "Name" + "</th>";
                outputText += "<th>" + "Score" + "</th>";
                outputText += "<th>" + "Grade" + "</th>";
                outputText += "</tr>";
    
                for (i = 0, n = 0; i < sLength; i++, n++) {
                    outputText += "<tr>";
                    outputText += "<td>";
                    outputText += student[n];
                    outputText += "</td>";
                    outputText += "<td>" + score[i] + "</td>";
                    outputText += "<td>";
    
    
                    outputText += getGrade(score[i]);//////////
                    outputText += "</td>";
                    outputText += "</tr>";
    
                }
    
                outputText += "</table>";
    
    
    
                document.getElementById("display").innerHTML = outputText;
    
            }
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题?

悬赏问题

  • ¥15 用三极管设计—个共射极放大电路
  • ¥15 请完成下列相关问题!
  • ¥15 drone 推送镜像时候 purge: true 推送完毕后没有删除对应的镜像,手动拷贝到服务器执行结果正确在样才能让指令自动执行成功删除对应镜像,如何解决?
  • ¥15 求daily translation(DT)偏差订正方法的代码
  • ¥15 js调用html页面需要隐藏某个按钮
  • ¥15 ads仿真结果在圆图上是怎么读数的
  • ¥20 Cotex M3的调试和程序执行方式是什么样的?
  • ¥20 java项目连接sqlserver时报ssl相关错误
  • ¥15 一道python难题3
  • ¥15 牛顿斯科特系数表表示