info/Web-Dev-For-Beginners
1
0
Fork 0
mirror of https://github.com/microsoft/Web-Dev-For-Beginners.git synced 2025-08-16 19:54:34 +02:00
Code Issues Projects Releases Wiki Activity

Bug fix to pass event object into the onLinkClick function when used in the index.html page

Browse Source
This commit is contained in:
Lukong Isaac
2021-09-14 13:28:46 +01:00
committed by Yohan Lasorsa
parent d24b2c0be3
commit 5b97637d3c
1 changed files with 4 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
7-bank-project/1-template-route/README.md
View File

@@ -247,11 +247,13 @@ function onLinkClick(event) {
Let's complete the navigation system by adding bindings to our *Login* and *Logout* links in the HTML.
```html
<a href="/dashboard" onclick="onLinkClick()">Login</a>
<a href="/dashboard" onclick="onLinkClick(event)">Login</a>
...
<a href="/login" onclick="onLinkClick()">Logout</a>
<a href="/login" onclick="onLinkClick(event)">Logout</a>
```
The `event` object above, captures the `click` event and passes it to our `onLinkClick` function.
Using the [`onclick`](https://developer.mozilla.org/en-US/docs/Web/API/GlobalEventHandlers/onclick) attribute bind the `click` event to JavaScript code, here the call to the `navigate()` function.
Try clicking on these links, you should be now able to navigate between the different screens of your app.