You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Rewrite of Day 1 to use modern React (microsoft#294)
* update to hooks
* more class to function
* cleanup
* finish ts final
* update html lesson
* add lessons page
* clean up
* move getters into context
* adding type
* fix bug
* step 5 cleanup
* init final pass
* text tweak
* fix ternaries
* readme cleanup
* fixed root readme
A selector can be a single tag, class, ID, or attribute. It can also be a [combination](https://developer.mozilla.org/en-US/docs/Learn/CSS/Introduction_to_CSS/Combinators_and_multiple_selectors) of those elements.
49
+
50
+
Bonus: Check out the [Vocabs project](http://apps.workflower.fi/vocabs/css/en)
Functions are reusable pieces of functionality. Functions can take inputs (parameters) and return values (or neither). Functions can be called from within your program, from within other functions, or invoked from within the DOM itself.
64
64
65
-
In our example we'll create a function called `displayMatches` (camelCase is typical for functions) and we'll invoke this function every time that our submit button is clicked. For now we'll simply have our function call `alert("I'm Clicked")`, which is a function that displays an alert message box in your browser.
65
+
In our example we'll create a function called `displayMatches` (camelCase is typical for functions) and we'll invoke this function every time that our submit button is clicked. For now we'll simply have our function call `console.log("Clicked")`, which is a function that displays an alert message box in your browser.
66
66
67
67
```js
68
68
functiondisplayMatches() {
69
-
alert("I'm Clicked");
69
+
console.log('Clicked');
70
70
}
71
71
```
72
72
@@ -81,11 +81,11 @@ To execute a function we need to attach it to an event. There are a number of po
81
81
To attach a function to an event, we use an [`addEventListener`](https://developer.mozilla.org/en-US/docs/Web/API/EventListener) like this:
If you think this feels a little verbose, you're not alone. Many of the [most common event types](https://developer.mozilla.org/en-US/docs/Web/API/GlobalEventHandlers) are available as element properties. This way we can set properties like `onload` or `onclick` like this:
0 commit comments