If statement

The story so far

We have a template. To make a new page, we copy-and-paste the template. The template has JS to load reusable HTML for the navbar and footer.

Use onclick to tell a browser what code to run when an HTML element is clicked.

Code is broken into pieces, triggered by events. Use variables to coordinate the pieces of code.

Planning

We are going to start planning our projects.

The story so far

You have a BS template with some JS to load a navbar, and footer. You know how to make input fields, and buttons. You know how to tie JS code to events. You know how to validate. You know how to use variables to coordinate what happens across events. You know how to persist data, and erase persisted data when needed.

This lesson adds a few new things:

• An app with multiple pages.
• Generating HTML with JavaScript.
• Adding a library of utility functions copied from the web

Requirements

Goals

Our app will make a fake news feed.

The story so far

Groovy! We have all of the CRUD. We are the CRUDiest. CRUDtastic.

One thing left: security. More specifically, we'll talk about authorization, or user permissions. This is one part of security, but an important part.

Earlier, you learned how to add Edit and Delete buttons to every record. Trouble is, that lets anyone delete your data. They go to the right URL, and keep clicking the Delete button.

Remember, normally DBs are kept on servers, so if one persons deletes data, it's gone for everyone.

Let's add some authorization.

h2.

The story so far

An add page

We have two pages in the dog pack app:

• Initialize the record set
• Show the record set

Here's the page that shows the pack:

Let's add a third page to:

• Add a new dog to the pack.

The page will have a form, using the same types of fields you've seen before:

Let's see how it works.

The Add button

Here's the HTML for the add button:

bc.