Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

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
230,248 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.