Skip to content

Commit aee7ada

Browse files
omahssaragibby
authored andcommitted
fix typos
1 parent 2cecc49 commit aee7ada

File tree

1 file changed

+4
-4
lines changed

1 file changed

+4
-4
lines changed

7-bank-project/1-template-route/README.md

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -36,12 +36,12 @@ On your computer, create a folder named `bank` with a file named `index.html` in
3636

3737
## HTML templates
3838

39-
If you want to create multiples screens for a web page, one solution would be to create one HTML file for every screen you want to display. However, this solution comes with some inconvenience:
39+
If you want to create multiple screens for a web page, one solution would be to create one HTML file for every screen you want to display. However, this solution comes with some inconvenience:
4040

4141
- You have to reload the entire HTML when switching screen, which can be slow.
4242
- It's difficult to share data between the different screens.
4343

44-
Another approach is have only one HTML file, and define multiple [HTML templates](https://developer.mozilla.org/docs/Web/HTML/Element/template) using the `<template>` element. A template is a reusable HTML block that is not displayed by the browser, and needs to be instantiated at runtime using JavaScript.
44+
Another approach is to have only one HTML file, and define multiple [HTML templates](https://developer.mozilla.org/docs/Web/HTML/Element/template) using the `<template>` element. A template is a reusable HTML block that is not displayed by the browser, and needs to be instantiated at runtime using JavaScript.
4545

4646
### Task
4747

@@ -103,7 +103,7 @@ Then we'll add another HTML template for the dashboard page. This page will cont
103103

104104
## Displaying templates with JavaScript
105105

106-
If you try your current HTML file in a browser, you'll see that it get stuck displaying `Loading...`. That's because we need to add some JavaScript code to instantiate and display the HTML templates.
106+
If you try your current HTML file in a browser, you'll see that it gets stuck displaying `Loading...`. That's because we need to add some JavaScript code to instantiate and display the HTML templates.
107107

108108
Instantiating a template is usually done in 3 steps:
109109

@@ -145,7 +145,7 @@ updateRoute('login');
145145

146146
## Creating routes
147147

148-
When talking about a web app, we call *Routing* the intent to map **URLs** to specific screens that should be displayed. On a web site with multiple HTML files, this is done automatically as the file paths are reflected on the URL. For example, with these files in your project folder:
148+
When talking about a web app, we call *Routing* the intent to map **URLs** to specific screens that should be displayed. On a website with multiple HTML files, this is done automatically as the file paths are reflected on the URL. For example, with these files in your project folder:
149149

150150
```
151151
mywebsite/index.html

0 commit comments

Comments
 (0)