Take the UI for a Short Drive
Weâve only implemented code to get a list of tasks, but letâs not write more code until we integrate the current code into an HTML page and see it live in action. You saw a design sketch for the UI in âCreate a Strategic Designâ, itâs a good time to put that into an HTML file.
| â | â<!DOCTYPE html>â |
| â | <html> |
| â | <head> |
| â | <title>TO-DO</title> |
| â | <link rel=â"stylesheet"â href=â"/stylesheets/style.css"â> |
| â | </head> |
| â | <body> |
| â | <div class=â"heading"â>TO-DO</div> |
| â | <div id=â"newtask"â> |
| â | <div>Create a new task</div> |
| â | <form> |
| â | <label>Name</label><input type=â"text"â id=â"name"â /> |
| â | <label>Date</label><input type=â ... |
Get Test-Driving JavaScript Applications now with the O’Reilly learning platform.
O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.
