从数组对象获取信息

Question

我有以下示例，如果您在 Html 字段中输入 AGE，那么它会显示比 entered.So 年龄大的人所有信息都在对象中

function zeig() {
  const Studen = [{
      name: "Ahmad",
      Alter: "35",
      Schule: "Abitur"
    },
    {
      name: "Salim",
      Alter: "88",
      Schule: "Secandschule"
    },
    {
      name: "Esraa",
      Alter: "22",
      Schule: "Abitur"
    },
  ]

  /* let ergebniss=Studen.map(function(sami){
  return ` Name der Stundent  ${sami.name}  Alter ${sami.Alter} `+"<br>"
   */
  let ergebniss = Studen

    .filter(function(sami) {
      return sami.Alter > document.getElementById("nameinput").nodeValue;

    })
    .map(function(sami) {
      return `Name der Student <div class="meinname"> ${sami.name} </div> Alter der Student ${sami.Alter}` + "<br>";


    });



  document.querySelector("#show").innerHTML += ergebniss;
}

.meinname {
  color: rgb(57, 0, 214);
}

<form name="form1">

  <div class="formullar" style="align-items: center; text-align: center;">
    <h1 style="text-transform: uppercase;">Bitte hier eintragen</h1>
    <input type="text" id="nameinput">
    <input type="text" id="alterinput">
    <input type="button" id="send" value="zeigen" onclick="zeig()">

  </div>
</form>
<div id="show" style="align-items: center; text-align: center;"></div>

Answer 1

这样效果会更好

使用事件监听器

const Studenten = [{
    name: "Ahmad",
    Alter: "35",
    Schule: "Abitur"
  },
  {
    name: "Salim",
    Alter: "88",
    Schule: "Sekundarschule"
  },
  {
    name: "Esraa",
    Alter: "22",
    Schule: "Abitur"
  },
]

document.getElementById('form1').addEventListener("submit", function(e) {
  e.preventDefault(); // cancel submit
  const Alter = document.getElementById("nameinput").value
  document.getElementById('show').innerHTML = Studenten
    .filter(sami => sami.Alter > Alter)
    .map(sami => `Name der Student <div class="meinname"> ${sami.name} </div> Alter der Student ${sami.Alter}`).join('<br/>')
});

.meinname {
  color: rgb(57, 0, 214);
}

<form id="form1">

  <div class="formullar" style="align-items: center; text-align: center;">
    <h1 style="text-transform: uppercase;">Bitte hier eintragen</h1>
    <input type="text" id="nameinput">
    <input type="text" id="alterinput">
    <input type="submit" value="zeigen">

  </div>
</form>
<div id="show" style="align-items: center; text-align: center;"></div>

从数组对象获取信息

get info from Array Object

javascript

arrays

maps