Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

JavaScript

Jan Reefs
Jan Reefs
11,161 Points

URGENT - need to create a contact database ASAP

Hi All,

I need to create a contact database where people's contact details can be stored, deleted an searched. The task is very urgent and it would mean the world to me if someone could help me asap.

You must be able to add a person's contact details to the database, delete the person's contact details and search for a person's contact details.

Technologies that should be used: HTML, CSS, JavaScript and jQuery.

Contact details are first name, surname, phone number and address.

I already created the html (see below), but am looking for someone who can write the javascript part for me or at least push me in the right direction.:

Thanks a lot!


<!doctype html> <html lang="en">

<head> <title>Codeworks</title> <link rel="stylesheet" href="layout.css"> </head>

<body> <header> <h1>Start of coding assignment</h1> </header>

<main>

<div class="introduction">
  <h2> What is the assignment? </h2> 
  <div class="introtext">Build a simple address book application using HTML, CSS, JavaScript and jQuery. It is a single page, that opens in the browser, where the user can create new contacts delete  contacts, and use a search bar to find existing contacts. Each contact should have a name, surname, phone number, and address.<br>
  </div>
</div>

<div class="introduction">
      <h2> Create a new contact </h2> 
      <div class="introtext">Please fill in the name, surname, phone number and address in each grid below.<br> </div>
</div>

<div>
  <form action='' method='get'>
  <label for="First name"> Name: </label>
  <input type="text" name="firstName" id="firstName"> <br>

  <label for="Surname"> Surname: </label>
  <input type="text" name="surname" id="surname"> <br>

  <label for="Phone Number"> Phone Number: </label>
  <input type="text" name="phoneNumber" id="phoneNumber"> <br>

  <label for="Address"> Address: </label>
  <input type="text" name="address" id="address"> <br>

  <button class='newContact' type="submit">Create new contact now!</button> 
</div>

<div class="introduction"> <h2> Deleting a contact </h2> <div class="introtext">Please fill in the name and surname of the person you would like to remove.<br> </div> </div>

<div>
  <form action='' method='get'>
  <label for="First name"> Name: </label>
  <input type="text" name="firstName" id="firstName"> <br>

  <label for="Surname"> Surname: </label>
  <input type="text" name="surname" id="surname"> <br>

  <button class='deleteContact' type="submit">Remove contact now!</button>

<div class="introduction"> <h2> Searching a contact </h2> <div class="introtext">Please fill in the name and surname of the person you would like to search.<br> </div> </div>

<div>
  <form action='' method='get'>
  <label for="Search"> Name: </label>
  <input type="text" name="firstName" id="firstName"> <br>

  <label for="Surname"> Surname: </label>
  <input type="text" name="surname" id="surname"> <br>

  <button class='searchContact' type="submit">Search contact now!</button>

<script src='script.js'> </script>

</main>

</body>

<footer>
<h1>End of Coding assignment</h1> </footer>

</html>

1 Answer

Steven Parker
Steven Parker
215,939 Points

Most forum participants here are focused on learning new skills. If you have an urgent need to get a specific task done, you might find sites like Fiverr, Upwork, or Freelancer better suited.