Fatal编程技术网
  • javascript/
  • 初级程序员在将JavaScript链接到case语句时遇到问题？

初级程序员在将JavaScript链接到case语句时遇到问题？

javascript html

初级程序员在将JavaScript链接到case语句时遇到问题？,javascript,html,Javascript,Html,我是一个刚开始的程序员谁是有困难的这段代码，并将感谢任何反馈或帮助。该守则的目的是建立一个主要顾问，可以计算出什么样的学校是最好的。我对这种编码的问题是Submit按钮没有连接，case语句没有连接。请给我任何建议和任何反馈，你认为我可以做什么，让这个工作正常。谢谢你的帮助 <html> <head> <title>Major Adviser</title> </head> <body> <script type=te

我是一个刚开始的程序员谁是有困难的这段代码，并将感谢任何反馈或帮助。该守则的目的是建立一个主要顾问，可以计算出什么样的学校是最好的。我对这种编码的问题是Submit按钮没有连接，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>


主要顾问
函数计算（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；
函数a（）{
开关（document.ZF.elements.cabiods）
{
案例值==“数学”：
S+2；
SM+3；
LA+1；
打破
案例值==“科学”：
C+2；
SB+2；
M+2；
LA+1；
GP+2；
打破
案例值==“计算机俱乐部”：
SM+1；
C+1；
SB+1；
M+2；
LA+2；
GP+1；
打破
案例价值==“电视俱乐部”：
SM+1；
C+1；
SB+1；
M+2；
LA+2；
GP+1；
打破
案例值==“社区服务”：
SM+1；
C+1；
SB+1；
M+2；
LA+2；
GP+1；
打破
案例值==“音乐”：
SM+1；
C+1；
SB+1；
M+2；
LA+2；
GP+1；
打破
案例值==“环保主义者”：
SM+1；
C+1；
SB+1；
M+2；
LA+2；
GP+1；
打破
案例值==“代理”：
SM+1；
C+1；
SB+1；
M+2；
LA+2；
GP+1；
打破
违约：
书面文件（“不工作”）；
}
}
函数b（）{
开关（document.ZF.elements.Subject）；
{
案例值==“数学”：
S+2；
SM+3；
LA+1；
打破
案例值==“科学”：
C+2；
SB+2；
M+2；
LA+1；
GP+2；
打破
案例价值==“社会研究”：
SM+1；
C+1；
SB+1；
M+2；
LA+2；
GP+1；
打破
案例值==“英语”：
SM+1；
C+1；
SB+1；
M+2；
LA+2；
GP+1；
打破
案例值==“计算机”：
SM+1；
C+1；
SB+1；
M+2；
LA+2；
GP+1；
打破
案例值==“艺术”：
SM+1；
C+1；
SB+1；
M+2；
LA+2；
GP+1；
打破
违约：
书面文件（“不工作”）；
}
}
函数c（）{
开关（document.ZF.elements.type_of_person）；
{
案例值==“内向者”：
S+2；
SM+3；
LA+1；
打破
案例值==“外向型”：
C+2；
SB+2；
M+2；
LA+1；
GP+2；
打破
案例值==“两者”：
SM+1；
C+1；
SB+1；
M+2；
LA+2；
GP+1；
打破
违约：
书面文件（“不工作”）；
}
}
函数d（）{
书面文件（“传播与艺术学院：+C”）；
书面文件（“社会和行为科学学院：+SB”）；
文件。书面形式（“科学院：+S”）；
“科学与数学学院：”+SM）；
书面文件（“管理学院：+M”）；
书面文件（“文理学院：+LA”）；
书面文件（“全球与专业计划学院：“+GP”）；
}
}
马里斯特主要顾问
名字：



姓氏：



你是什么样的人

内向的

外向的

两者都

无

你最好的科目/活动是什么

数学

科学

社会研究

英语

计算机

艺术

你从事什么活动或爱好

无

体育

计算机俱乐部

电视俱乐部

社区服务

音乐

环保主义者

戏剧课/表演

你愿意在大学里呆多久

不要在意时间的长短。
2年大专学历
4年学士学位
4+硕士学位
教条
应该是：

case "Computers":
等等。 您不需要
值==
部分

此外，您在以下行中有输入错误：

document.writln("School of Management: " + M); // writeln
应该是：

case "Computers":
等等。 您不需要
值==
部分

此外，您在以下行中有输入错误：

document.writln("School of Management: " + M); // writeln
由于您是编程新手，有几件事我需要指出

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

以下是修复方法：

  • 开始时需要

  • 所有作业都需要从
    S+2更改至
    S+=2。否则，您将需要执行类似
    S=S+2
  • 如上所述，您可以从case语句中删除
    值==

  • 另外，如前所述，您使用的是
    writeln
    ，而不是
    writeln

  • switch语句末尾有几个分号，它们不可能在那里。例如
    开关（document.ZF.elements.Subject）
  • 对于提交按钮，我将
    type=“button”
    更改为
    type=“Submit”
    删除了
    onclick
    而不是jQuery
    .Submit（）
    事件

  • switch语句没有使用
    值
    ，它们只查看第一个选定的值。因此，需要一个
    for
    循环来拉出
    检查的
    值，并一次将它们传递到开关函数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>


主要顾问
$（文档）.ready（函数（）{
变量C、SB、S、M、SM、LA、GP；
$（“#ZF”）.submit（函数（）{
C=0；
SB=0；
S=0；
M=0；

var x = 0;
x + 1;     // `x` is still 1
x = x + 2; // `x` is now 2
x += 2;    // Shorthand for previous assignment; `x` is now 4
x++;       // Even shorter-hand for `x += 1`; `x` is now 5



function multiply(x, y) {
  return x * y;
}
multiply(7, 3) // returns 21



function greet(name) {
  function sayHello() {
    console.log('Hello ' + name + '!');
  }
  function askQuestion() {
    console.log('How are you ' + name + '?');
  }
  sayHello();
  askQuest();
}



var hobbies = document.ZF.elements.Hobbies;
for(var i = 0; i < hobbies.length; i++) {
  if (hobbies[i].checked) {
    var hobby;
    hobby = hobbies[i].value;
    calculateHobbyScore(hobby);
  }
}