Javascript 获取一个输入值，看看它是否等于定义的对象

HTML:

我有一个我用一些值定义的对象

我想做的是允许在文本框中输入文本。 点击submit按钮时，会运行一个javascript函数，获取文本框中的值，如果该值等于对象值，则会对属性进行console.log操作。

以下是我更好的尝试：

var Matt = {
  GPA: 4.0,
  Faculty: "Science",
  Year: 1
};

---

很难确切地知道你想要实现什么或你的目标来自哪里，但你的目标可能需要看起来像：

function findStudent(){
 var student = document.getElementById('name').value;
 return student;
}
console.log(student);

   var student = {
    name:'Matt',
    gpa:4.0,
    faculty:'Science',
    year: 1
   }

function checkName(){
   var name = document.getElementById('name').val();
   if(name === student.name){
       console.log('same');
   }
   else{
       console.log('different');
   }
}

尝试以下方法：

function findStudent(){
 var student = document.getElementById('name').value;
 return student;
}
console.log(student);

   var student = {
    name:'Matt',
    gpa:4.0,
    faculty:'Science',
    year: 1
   }

function checkName(){
   var name = document.getElementById('name').val();
   if(name === student.name){
       console.log('same');
   }
   else{
       console.log('different');
   }
}

在按钮中调用，类似于：

function findStudent(){
 var student = document.getElementById('name').value;
 return student;
}
console.log(student);

   var student = {
    name:'Matt',
    gpa:4.0,
    faculty:'Science',
    year: 1
   }

function checkName(){
   var name = document.getElementById('name').val();
   if(name === student.name){
       console.log('same');
   }
   else{
       console.log('different');
   }
}

检查学生

您必须考虑结构。应该有很多学生。为每个学生设置多个对象是不实际的：

<button onclick="checkName()">Check Student</button>

相反，与所有学生一起声明一个对象更为实际。并将值放入数组中：

var st1 = { ... }
var st2 = { ... }

您可以将数组作为信息输出给相应的学员：

var students = {
    "Matt": ["4.0", "science", "1.0"],
    "Laura": ["3.0", "comedy", "2.2"],
    ...
}

---

如果要使用“提交”按钮，则该按钮应位于表单中。这也使得处理输入变得更容易，即使您不想提交表单。我修改了对象，使其具有name属性

var Matt={
姓名：'马特'，
平均成绩：4.0，
教员：“科学”，
年份：1
};
函数校验值（表单）{
if（form.studentName.value==Matt.name）{
form.output.value=（'Match'）；
}否则{
form.output.value=（“不匹配”）；
}
返回false；
}

姓名：
核对一下名字


输出：

表单外的提交按钮没有多大意义。