html 输入和Javascript

v440hwme  于 2023-06-20  发布在  Java
关注(0)|答案(1)|浏览(147)

我需要它,当我输入两个输入,然后按下按钮,一个得到我的标题,另一个得到我的位置,但我不知道怎么做
它可能比我想象的要简单,但是我真的不知道如何使用document.getelementbyid。

const jobs = [{
    title: "Marketing Intern",
    location: "US, NY, New York"
  },
  {
    title: "Customer Service - Cloud Video Production",
    location: "NZ, Auckland",
  },
  {
    title: "Commissioning Machinery Assistant (CMA)",
    location: "US, IA, Wever",
  },
  {
    title: "Account Executive - Washington DC",
    location: "US, DC, Washington",
  },
  {
    title: "Bill Review Manager",
    location: "US, FL, Fort Worth"
  },
  {
    title: "Accounting Clerk",
    location: "US, MD,"
  },
  {
    title: "Head of Content (m/f)",
    location: "DE, BE, Berlin"
  },
  {
    title: "Lead Guest Service Specialist",
    location: "US, CA, San Francisco",
  },
  {
    title: "HP BSM SME",
    location: "US, FL, Pensacola"
  },
  {
    title: "Customer Service Associate - Part Time",
    location: "US, AZ, Phoenix",
  },
  {
    title: "ASP.net Developer Job opportunity at United States,New Jersey",
    location: "US, NJ, Jersey City",
  },
  {
    title: "Talent Sourcer (6 months fixed-term contract)",
    location: "GB, LND, London",
  },
  {
    title: "Applications Developer, Digital",
    location: "US, CT, Stamford",
  },
  {
    title: "Installers",
    location: "US, FL, Orlando"
  },
  {
    title: "Account Executive - Sydney",
    location: "AU, NSW, Sydney"
  },
  {
    title: "VP of Sales - Vault Dragon",
    location: "SG, 01, Singapore",
  },
  {
    title: "Hands-On QA Leader",
    location: "IL, Tel Aviv, Israel"
  },
  {
    title: "Southend-on-Sea Traineeships Under NAS 16-18 Year Olds Only",
    location: "GB, SOS, Southend-on-Sea",
  },
  {
    title: "Visual Designer",
    location: "US, NY, New York"
  },
  {
    title: "Process Controls Engineer - DCS PLC MS Office - PA",
    location: "US, PA, USA Northeast",
  },
  {
    title: "Marketing Assistant",
    location: "US, TX, Austin"
  },
  {
    title: "Front End Developer",
    location: "NZ, N, Auckland"
  },
  {
    title: "Engagement Manager",
    location: "AE,"
  },
  {
    title: "Vice President, Sales and Sponsorship (Businessfriend.com)",
    location: "US, CA, Carlsbad",
  },
  {
    title: "Customer Service",
    location: "GB, LND, London"
  },
  {
    title: "H1B SPONSOR FOR L1/L2/OPT",
    location: "US, NY, New York"
  },
  {
    title: "Marketing Exec",
    location: "SG,"
  },
  {
    title: "HAAD/DHA Licensed Doctors Opening in UAE",
    location: "AE, AZ, Abudhabi",
  },
  {
    title: "Talent Management Process Manager",
    location: "US, MO, St. Louis",
  },
  {
    title: "Customer Service Associate",
    location: "CA, ON, Toronto"
  },
  {
    title: "Customer Service Technical Specialist",
    location: "US, MA, Waltham",
  },
  {
    title: "Software Applications Specialist",
    location: "US, KS,"
  },
  {
    title: "Craftsman Associate",
    location: "US, WA, Everett"
  },
  {
    title: "Completion Engineer",
    location: "US, CA, San Ramon"
  },
  {
    title: "I Want To Work At Karmarama",
    location: "GB, LND,"
  },
  {
    title: "English Teacher Abroad",
    location: "US, NY, Saint Bonaventure",
  },
]

function findJobs(jobs, title, location) {
  let count = 0; // Contatore per il numero di lavori trovati

  jobs.forEach(job => { // 
    const lowercaseTitle = job.title.toLowerCase();
    const lowercaseLocation = job.location.toLowerCase();

    if (lowercaseTitle.includes(title) && lowercaseLocation.includes(location)) {
      console.log(job.title, job.location);
      count++
    }
  });

  console.log("Numero di lavori trovati:", count);
}

findJobs(jobs, "customer", "us");
<form>
  <input type="text" id="title" placeholder="Inserisci il titolo lavorativo">
  <input type="text" id="locationInput" placeholder="Inserisci la posizione">
  <button type="button" onclick="findJobs(jobs)">Cerca</button>
</form>
7bsow1i6

7bsow1i61#

正如已经在注解中指出的,您必须更新您的函数调用以获取用户输入的值。

<form>
    <input type="text" id="title" placeholder="Inserisci il titolo lavorativo" />
    <input type="text" id="locationInput" placeholder="Inserisci la posizione" />
    <button
        type="button"
        onclick="findJobs(jobs, document.getElementById('title').value.toLowerCase(), document.getElementById('locationInput').value.toLowerCase())"
    >
        Cerca
    </button>
</form>

请注意toLowerCase()扩展,因为您的函数还可以使用小写文本进行搜索。你也可以在函数本身中进行小写转换,但为了简单起见,我把它放在函数调用中。

相关问题