Breaking News: Grepper is joining You.com. Read the official announcement!

JavaScript and HTML DOM Reference

Inquisitive Ibis answered on November 3, 2020 Popularity 9/10 Helpfulness 2/10

answer JavaScript and HTML DOM Reference

JavaScript and HTML DOM Reference

Comment

const contacts = ['Chris:2232322', 'Sarah:3453456', 'Bill:7654322', 'Mary:9998769', 'Dianne:9384975'];
const para = document.querySelector('p');
const input = document.querySelector('input');
const btn = document.querySelector('button');

btn.addEventListener('click', function() {
  let searchName = input.value.toLowerCase();
  input.value = '';
  input.focus();
  for (let i = 0; i < contacts.length; i++) {
    let splitContact = contacts[i].split(':');
    if (splitContact[0].toLowerCase() === searchName) {
      para.textContent = splitContact[0] + '\'s number is ' + splitContact[1] + '.';
      break;
    } else {
      para.textContent = 'Contact not found.';
    }
  }
});

Popularity 9/10 Helpfulness 2/10 Language javascript

Source: developer.mozilla.org

Tags: dom html javascript reference

Link to this answer
Share Copy Link

Contributed on Nov 03 2020

Inquisitive Ibis

0 Answers Avg Quality 2/10

JavaScript and HTML DOM Reference

Contents

More Related Answers

JavaScript and HTML DOM Reference

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.