|
17 | 17 | <script>
|
18 | 18 | function counter(state, action) {
|
19 | 19 | if (typeof state === 'undefined') {
|
20 |
| - return 0 |
| 20 | + return 0; |
21 | 21 | }
|
22 | 22 |
|
23 | 23 | switch (action.type) {
|
24 | 24 | case 'INCREMENT':
|
25 |
| - return state + 1 |
| 25 | + return state + 1; |
26 | 26 | case 'DECREMENT':
|
27 |
| - return state - 1 |
| 27 | + return state - 1; |
28 | 28 | default:
|
29 |
| - return state |
| 29 | + return state; |
30 | 30 | }
|
31 | 31 | }
|
32 | 32 |
|
33 |
| - var store = Redux.createStore(counter) |
34 |
| - var valueEl = document.getElementById('value') |
| 33 | + const store = Redux.createStore(counter); |
| 34 | + const valueEl = document.getElementById('value'); |
35 | 35 |
|
36 | 36 | function render() {
|
37 |
| - valueEl.innerHTML = store.getState().toString() |
| 37 | + valueEl.innerHTML = store.getState().toString(); |
38 | 38 | }
|
39 | 39 |
|
40 |
| - render() |
41 |
| - store.subscribe(render) |
| 40 | + render(); |
| 41 | + store.subscribe(render); |
42 | 42 |
|
43 | 43 | document.getElementById('increment')
|
44 | 44 | .addEventListener('click', function () {
|
45 |
| - store.dispatch({ type: 'INCREMENT' }) |
46 |
| - }) |
| 45 | + store.dispatch({ type: 'INCREMENT' }); |
| 46 | + }); |
47 | 47 |
|
48 | 48 | document.getElementById('decrement')
|
49 | 49 | .addEventListener('click', function () {
|
50 | 50 | store.dispatch({ type: 'DECREMENT' })
|
51 |
| - }) |
| 51 | + }); |
52 | 52 |
|
53 | 53 | document.getElementById('incrementIfOdd')
|
54 | 54 | .addEventListener('click', function () {
|
55 | 55 | if (store.getState() % 2 !== 0) {
|
56 |
| - store.dispatch({ type: 'INCREMENT' }) |
| 56 | + store.dispatch({ type: 'INCREMENT' }); |
57 | 57 | }
|
58 |
| - }) |
| 58 | + }); |
59 | 59 |
|
60 | 60 | document.getElementById('incrementAsync')
|
61 | 61 | .addEventListener('click', function () {
|
62 | 62 | setTimeout(function () {
|
63 |
| - store.dispatch({ type: 'INCREMENT' }) |
64 |
| - }, 1000) |
65 |
| - }) |
| 63 | + store.dispatch({ type: 'INCREMENT' }); |
| 64 | + }, 1000); |
| 65 | + }); |
66 | 66 | </script>
|
67 | 67 | </body>
|
68 | 68 | </html>
|
0 commit comments