examples/JavaScript/basic.html at master · sromanowski12/examples · GitHub

43 lines (35 loc) · 1.02 KB

<!DOCTYPE html>

<html>

<head>

<title>Simple contact search example</title>

<style>

</style>

</head>

<body>

<label for="search">Search by contact name: </label>

<button>Search</button>

<p></p>

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 () {

const searchName = input.value;

input.value = '';

input.focus();

for (let i = 0; i < contacts.length; i++) {

let splitContact = contacts[i].split(':');

if (splitContact[0] === searchName) {

para.textContent = splitContact[0] + '\'s number is ' + splitContact[1] + '.';

break;

} else {

para.textContent = 'Contact not found.';

}

});

</script>

</body>

</html>

Expand file tree