javascript - 初学者在将 JavaScript 链接到 case 语句时遇到问题？-6ren

javascript - 初学者在将 JavaScript 链接到 case 语句时遇到问题？

转载作者：行者123 更新时间：2023-11-28 04:57:31

我是一名初级程序员，在使用此代码时遇到困难，非常感谢任何反馈或帮助。该代码的目的是创建一个 Major Adviser，它可以计算出最好的学校。我对这个编码的问题是提交按钮没有连接并且 case 语句没有连接。请给我任何建议和反馈，告诉我你认为我可以做些什么来让它正常工作。感谢您的帮助。

<html>
<head>
<title>Major Adviser</title>
</head>
<body>
<script type=text/javascript>

function Calculate(a, b, c, d) {

var C = 0;
var SB = 0;
var S = 0;
var M = 0;
var SM = 0;
var LA = 0;
var GP = 0; 

function a(){
switch (document.ZF.elements.Hobbies)
  {
  case value=="Math":
    S + 2;
    SM + 3;
    LA + 1;
    break;
  case value=="Science":
    C + 2;
    SB + 2;
    M + 2;
    LA + 1;
    GP + 2;
    break;
  case value=="Computer Club":
SM + 1;
    C + 1;
    SB + 1;
    M + 2;
    LA + 2;
    GP + 1;
    break;
  case value=="Television Club":
    SM + 1;
    C + 1;
    SB + 1;
    M + 2;
    LA + 2;
    GP + 1;
    break;
  case value=="Community Service":
    SM + 1;
    C + 1;
    SB + 1;
    M + 2;
    LA + 2;
    GP + 1;
    break;
  case value=="Music":
    SM + 1;
    C + 1;
    SB + 1;
    M + 2;
    LA + 2;
    GP + 1;
    break;
case value=="Environmentalist":
    SM + 1;
    C + 1;
    SB + 1;
    M + 2;
    LA + 2;
    GP + 1;
break;
case value=="Acting":
    SM + 1;
    C + 1;
    SB + 1;
    M + 2;
    LA + 2;
    GP + 1;
break;
default:
    document.writeln("not working");
    }
}

function b(){

    switch (document.ZF.elements.Subject);
  {
  case value=="Math":
    S + 2;
    SM + 3;
    LA + 1;
    break;
  case value=="Science":
        C + 2;
        SB + 2;
       M + 2;
         LA + 1;
        GP + 2;
    break;
  case value=="Social Studies":
        SM + 1;
        C + 1;
        SB + 1;
        M + 2;
        LA + 2;
        GP + 1;
    break;
  case value=="English":
        SM + 1;
        C + 1;
        SB + 1;
        M + 2;
        LA + 2;
        GP + 1;
    break;
  case value=="Computers":
        SM + 1;
        C + 1;
        SB + 1;
        M + 2;
        LA + 2;
        GP + 1;
    break;
  case value=="Art":
        SM + 1;
        C + 1;
        SB + 1;
        M + 2;
        LA + 2;
        GP + 1;
    break;
default:
    document.writeln("not working");
    }
}

function c(){

switch (document.ZF.elements.type_of_person);
  {
  case value=="Introvert":
        S + 2;
        SM + 3;
        LA + 1;
    break;
  case value=="Extrovert":
        C + 2;
        SB + 2;
        M + 2;
        LA + 1;
        GP + 2;
    break;
  case value=="Both":
        SM + 1;
        C + 1;
        SB + 1;
        M + 2;
        LA + 2;
        GP + 1;
    break;
default:
    document.writeln("not working");
        }
}

function d(){

document.writeln("School of Communication and Arts: " + C);
document.writeln("School of Social and Behavioural Science: " + SB);
document.writeln("School of Science: " + S);
document.writeln("School of Science and Mathematics: " + SM);
document.writln("School of Management: " + M);
document.writln("School of Liberal Arts: " + LA);
document.writln("School of Global and Professional Programs: " + GP);

    }
    }
    </script>

<h1 align="right"><img src="Marist_College_2_220374.JPG" width="15%" height="15%" alt="Marist Logo"> <img src="poughkeepsie1.JPG" width="45%" height="15%" alt="Poughkeepsie"/> <img src="Marist_College_2_220374.JPG" width="15%" height="15%"       alt="Marist Logo"/>
</h1>

<h3 style="text-align:center">Marist Major Advisor</h3>
<form name="ZF">
First Name: <input type="text" name="firstname" size = 25 maxlength = 15> <br>
<br>
Last Name: <input type="text" name="lastname" size = 25 maxlength = 15> <br>
<br>
<p>What kind of Personality are you?</p>
<input type="radio" name="type_of_person" value="Introvert">Introvert<br>
<input type="radio" name="type_of_person" value="Extrovert">Extrovert<br>
<input type="radio" name="type_of_person" value="Both">Both<br>
<input type="radio" name="type_of_person" value="None">None<br>
<p>What are your best subjects/activities?</p>
<input type="checkbox" name="Subject" value="Math">Math<br>
<input type="checkbox" name="Subject" value="Science">Science<br>
<input type="checkbox" name="Subject" value="Social Studies">Social Studies<br>
<input type="checkbox" name="Subject" value="English">English<br>
<input type="checkbox" name="Subject" value="Computers">Computers<br>
<input type="checkbox" name="Subject" value="Art">Art<br>
<p>What activities or hobbies are you involved in?</p>
<input type="checkbox" name="Hobbies" value="Math">None<br>
<input type="checkbox" name="Hobbies" value="Science">Sports<br>
<input type="checkbox" name="Hobbies" value="Computer Club">Computer Club<br>
<input type="checkbox" name="Hobbies" value="Television Club">Television Club<br>
<input type="checkbox" name="Hobbies" value="Community Service">Community Service<br>
<input type="checkbox" name="Hobbies" value="Music">Music<br>
<input type="checkbox" name="Hobbies" value="Environmentalist">Environmentalist<br>
<input type="checkbox" name="Hobbies" value="Acting">Drama Class/Acting<br>
<p>How long are you willing to be in college for?</p>
<select>
    <option value="blank"></option>
    <option value="Don't Mind">Don't mind the amount of time.</option>
    <option value="2Year">2 years Associates Degree</option>
    <option value="4Year">4 years Bachelors Degree</option>
    <option value="4+">4+ Masters Degree</option>
    <option value="Doctrine">Doctrine</option>
</select><br>
<br>
<input type="button" value="Submit" onclick="Calculate()"/>
<input type="reset"Value="Clear">
</form>
</body>
</html>

最佳答案

由于您是编程新手，因此我需要指出几件事。

如果您打开任何现代浏览器并访问开发人员工具，您可能会发现语法错误。例如，如果您在 Firefox 中，只需右键单击并选择 Inspect Element with Firebug .这会让你自己开始。

修复方法如下:

您需要 <!DOCTYPE html>在开头。
所有分配都需要从 S + 2; 更改至 S += 2; .否则你需要做类似 S = S +2; 的事情。
如前所述，您可以删除 value ==来自案例陈述。
另外如前所述，您有 writln而不是 writeln .
在 switch 语句的末尾有几个不能出现的分号。例如switch (document.ZF.elements.Subject);
我将“提交”按钮更改为 type="button"至 type="submit"删除了 onclick代替 jQuery .submit()事件。
switch 语句没有使用 value他们只会看第一个被选中的。所以这需要一个 for循环拉出 checked值并将它们一次传递到开关函数 1。

我还清理了这个副本中的格式和语法结构，并添加了一些 jQuery。

<!DOCTYPE html>
<html>
<head>
    <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
    <meta charset="ISO-8859-1">
    <title>Major Adviser</title>
</head>
<body>
    <script type=text/javascript>
    $( document ).ready( function() {
        var C,SB,S,M,SM,LA,GP;

        $("#ZF").submit(function() {
            C = 0;
            SB = 0;
            S = 0;
            M = 0;
            SM = 0;
            LA = 0;
            GP = 0;

            var hobbies = $('.hobbies');
            for(var i = 0; i < hobbies.length; i++) {
              if (hobbies[i].checked) {
                var hobby;
                hobby = hobbies[i].value;
                a(hobby);
              }
            }

            var subjects = $('.subjects');
            for(var i = 0; i < subjects.length; i++) {
              if (subjects[i].checked) {
                var subject;
                subject = subjects[i].value;
                b(subject);
              }
            }

            c();
            d();
        });

        var a = function(hobby) {
            switch (hobby) {
            case "Math":
                S += 2;
                SM += 3;
                LA += 1;
                break;
            case "Science":
                C += 2;
                SB += 2;
                M += 2;
                LA += 1;
                GP += 2;
                break;
            case "Computer Club":
                SM += 1;
                C += 1;
                SB += 1;
                M += 2;
                LA += 2;
                GP += 1;
                break;
            case "Television Club":
                SM += 1;
                C += 1;
                SB += 1;
                M += 2;
                LA += 2;
                GP += 1;
                break;
            case "Community Service":
                SM += 1;
                C += 1;
                SB += 1;
                M += 2;
                LA += 2;
                GP += 1;
                break;
            case "Music":
                SM += 1;
                C += 1;
                SB += 1;
                M += 2;
                LA += 2;
                GP += 1;
                break;
            case "Environmentalist":
                SM += 1;
                C += 1;
                SB += 1;
                M += 2;
                LA += 2;
                GP += 1;
                break;
            case "Acting":
                SM += 1;
                C += 1;
                SB += 1;
                M += 2;
                LA += 2;
                GP += 1;
                break;
            default:
                document.writeln("not working");
            }
        };

        var b = function(subject) {
            switch (subject) {
            case "Math":
                S += 2;
                SM += 3;
                LA += 1;
                break;
            case "Science":
                C += 2;
                SB += 2;
                M += 2;
                LA += 1;
                GP += 2;
                break;
            case "Social Studies":
                SM += 1;
                C += 1;
                SB += 1;
                M += 2;
                LA += 2;
                GP += 1;
                break;
            case "English":
                SM += 1;
                C += 1;
                SB += 1;
                M += 2;
                LA += 2;
                GP += 1;
                break;
            case "Computers":
                SM += 1;
                C += 1;
                SB += 1;
                M += 2;
                LA += 2;
                GP += 1;
                break;
            case "Art":
                SM += 1;
                C += 1;
                SB += 1;
                M += 2;
                LA += 2;
                GP += 1;
                break;
            default:
                document.writeln("not working");
            }
        };

        var c=  function() {

            switch ($('.type_of_person').val()) {
            case "Introvert":
                S += 2;
                SM += 3;
                LA += 1;
                break;
            case "Extrovert":
                C += 2;
                SB += 2;
                M += 2;
                LA += 1;
                GP += 2;
                break;
            case "Both":
                SM += 1;
                C += 1;
                SB += 1;
                M += 2;
                LA += 2;
                GP += 1;
                break;
            default:
                document.writeln("not working");
            }
        };

        var d=  function() {

            document.writeln("School of Communication and Arts: " + C);
            document.writeln("School of Social and Behavioural Science: " + SB);
            document.writeln("School of Science: " + S);
            document.writeln("School of Science and Mathematics: " + SM);
            document.writeln("School of Management: " + M);
            document.writeln("School of Liberal Arts: " + LA);
            document.writeln("School of Global and Professional Programs: " + GP);

        };
    });
    </script>

    <h1 align="right">
        <img src="Marist_College_2_220374.JPG" width="15%" height="15%" alt="Marist Logo"> 
        <img src="poughkeepsie1.JPG" width="45%" height="15%" alt="Poughkeepsie" /> 
        <img src="Marist_College_2_220374.JPG" width="15%" height="15%" alt="Marist Logo" />
    </h1>

    <h3 style="text-align: center">Marist Major Advisor</h3>
    <form name="ZF" id="ZF">
        First Name: <input type="text" name="firstname" size=25 maxlength=15>
        <br> <br> 
        Last Name: <input type="text" name="lastname" size=25 maxlength=15> 
        <br> <br>
        <p>What kind of Personality are you?</p>
        <input type="radio" name="type_of_person" class="type_of_person" value="Introvert">Introvert<br>
        <input type="radio" name="type_of_person" class="type_of_person" value="Extrovert">Extrovert<br>
        <input type="radio" name="type_of_person" class="type_of_person" value="Both">Both<br>
        <input type="radio" name="type_of_person" class="type_of_person" value="None">None<br>
        <div id='subject-div'>
            <p>What are your best subjects/activities?</p>
            <input type="checkbox" name="Subject" class="subjects" value="Math">Math<br>
            <input type="checkbox" name="Subject" class="subjects" value="Science">Science<br>
            <input type="checkbox" name="Subject" class="subjects" value="Social Studies">Social Studies<br> 
            <input type="checkbox" name="Subject" class="subjects" value="English">English<br>
            <input type="checkbox" name="Subject" class="subjects" value="Computers">Computers<br>
            <input type="checkbox" name="Subject" class="subjects" value="Art">Art<br>
        </div>
        <div id='hobbies-div'>
            <p>What activities or hobbies are you involved in?</p>
            <input type="checkbox" name="Hobbies" class="hobbies" value="Math">Math<br>
            <input type="checkbox" name="Hobbies" class="hobbies" value="Science">Science<br>
            <input type="checkbox" name="Hobbies" class="hobbies" value="Computer Club">Computer Club<br> 
            <input type="checkbox" name="Hobbies" class="hobbies" value="Television Club">Television Club<br> 
            <input type="checkbox" name="Hobbies" class="hobbies" value="Community Service">Community Service<br> 
            <input type="checkbox" name="Hobbies" class="hobbies" value="Music">Music<br>
            <input type="checkbox" name="Hobbies" class="hobbies" value="Environmentalist">Environmentalist<br>
            <input type="checkbox" name="Hobbies" class="hobbies" value="Acting">Drama Class/Acting<br>
        </div>
        <p>How long are you willing to be in college for?</p>
        <select>
            <option value="blank"></option>
            <option value="Don't Mind">Don't mind the amount of time.</option>
            <option value="2Year">2 years Associates Degree</option>
            <option value="4Year">4 years Bachelors Degree</option>
            <option value="4+">4+ Masters Degree</option>
            <option value="Doctrine">Doctrine</option>
        </select><br> <br> 
        <input type="submit" value="Submit"/> 
        <input type="reset" Value="Clear">
    </form>
</body>
</html>

关于javascript - 初学者在将 JavaScript 链接到 case 语句时遇到问题？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/20366014/

文章推荐： javascript - 如何为 Firefox xpi 文件生成哈希值？

文章推荐： javascript - 当用户在输入上按回车键时如何调用函数

文章推荐： javascript - Angular 2 : Toggle buttons are not working as expected

文章推荐： css - 如何将指令范围值绑定(bind)到angularjs中的模板

ats - ATS 中的 case、case+ 和 case- 有什么区别？
我经常在 ATS 中看到使用 case、case+ 或 case- 形成的 case 表达式。有什么区别？最佳答案如果表达式不详尽，使用 case 会发出警告，case+ 会产生错误，而 case
SQL Server : Make all UPPER case to Proper Case/Title Case
我有一个导入时全部大写的表，我想将其转换为正确的大小写。你们用什么脚本来完成这个？最佳答案这个函数: “正确大小写”由空格分隔的所有“大写”单词保留“小写单词” 即使对于非英语字母也能正常工作
c - switch case 不正确，它的执行 case 在失败的 case 中
#include int main() { switch(2) { case 1: if(1)
case - 在 case 语句中更新多个变量
我已经四处寻找了一段时间，如果我使用的术语不当，请原谅我... 代码的目标是在输入为 0 时更新 Aout1 和 Aout0，输出对应于 7 段显示，但出现以下错误: “错误 (10170):Four
case - PostgreSQL CASE 语句语法错误
我正在尝试按照 PostgreSQL 手册中的说明进行操作。 PostgreSQL: Documentation: 9.1: Control Structures 我的 PostgreSQL 服务器是
case - Verilog case 语句中匹配的多个项目
我有一个状态机，其中有几个非常相似的状态。我可以为每个状态编写它，如下例所示: module CHECK_FSM ( GO, DONE, CLK, RESETN ); input GO;
case - System Verilog - case with or
如何使用或创建案例？就像是: string str; case (str) "abc" || "dfg": begin //some code end "yfg":
JavaScript 'case' 与 "case"
这个问题已经有答案了: Are double and single quotes interchangeable in JavaScript? (23 个回答) 已关闭 9 年前。我正在学习Java
MySQL CASE WHEN 内的 CASE WHEN
汽车 Make | Model | Year | Color Honda | Accord | 12 | Red Lexus | IS | 14 |
c# - 如何使用 C# 在 switch-case 条件下使用当前 case 语句的值跳转到另一个 case 语句
如何使用当前 case 语句的值跳转到 switch-case 条件下的另一个 case 语句？是否可以使用 switch case 来实现这种事情，或者是否有其他实现方式？有可能实现吗？如果没有
javascript - JS : Why don't the switch statement cases `case 2` and `case day == 2` print out the same result?
我理解下面的代码。 var day = 2; switch (day) { case 1: document.write("Monday"); break;
scala - 仅当在 main 方法之外定义 case 类以创建 Dataset[case class] 或 Dataframe[case class] 时才工作
这是有效的。 object FilesToDFDS { case class Student(id: Int, name: String, dept:String) def main(
case - VHDL 中 CASE 语句中的多项赋值
我对 VHDL 还是个新手。我需要在 CASE 语句中为多个信号赋值，如下所示: CASE input24 IS WHEN "00" THEN output0
case - Elixir:在 case 语句中使用变量
我有这个 case 语句，它给出了一个错误“变量 constant1 未使用”。它似乎忽略了变量并返回了第一行，因此变量显然没有范围。如果我用数字 1 替换常量，那么它就可以工作。在 Elixir 中
MySQL CASE 基于之前的 CASE 值
在 MySQL 中，是否可以在 SELECT 子句中有两个 CASE 语句，其中第二个 CASE 语句依赖于第一个 CASE 语句？例如，考虑以下查询: SELECT CASE WHEN `user
C语言switch-case : avoiding a case after used once
我正在尝试一个挑战，我需要获得一个随机数，并在没有重复的情况下打印数字内的数字总和:例如，123 将打印 6 ( 1 + 2 + 3 )，而 32111 将做同样的事情(因为我们没有在我们的总和中添加
ruby - 试图在 case 语句中引用更早的 'case'
当有人试图更新当前未存储在我的散列中的值时，我想立即返回 when 'add' 而无需重新启动整个 case声明，因为我已经知道他们想要添加并且不想再次提示他们。有没有一种方法可以在不重新启动整个案
swift - case 在 if-case 中是如何工作的
老 C 程序员可以在 Swift 方面得到一些帮助。我不太了解 if-case 语法。例如: if case 20...30 = age { print ("in range.") } cas
swift - case 在 if-case 中是如何工作的
老 C 程序员可以在 Swift 方面得到一些帮助。我不太了解 if-case 语法。例如: if case 20...30 = age { print ("in range.") } cas
java - 在 switch/case 语句中使用列表中的值作为 case
我有一个 ArrayList，其中包含以下字符串:[name, age, gender, salary] . 有没有办法可以将 ArrayList 中的值用作 case 表达式？显而易见的答案是否定

行者123

个人简介

我是一名优秀的程序员,十分优秀！

作者热门文章

滴滴打车优惠券免费领取

全站热门文章

首页

博学

6Ren·AI

商城

javascript - 初学者在将 JavaScript 链接到 case 语句时遇到问题？