|
18 | 18 | } |
19 | 19 |
|
20 | 20 | // Regular |
21 | | - |
| 21 | + console.log('hello'); |
22 | 22 | // Interpolated |
| 23 | + const name = 'Cydnie'; |
23 | 24 |
|
| 25 | + console.log(`My name is ${name}`); |
24 | 26 | // Styled |
25 | | - |
| 27 | + console.log('%c Today it rained', 'color: blue; font-size: 50px;'); |
26 | 28 | // warning! |
27 | | - |
| 29 | + console.warn('WATCH OUT!!!'); |
28 | 30 | // Error :| |
29 | | - |
| 31 | + console.error('Crap!'); |
30 | 32 | // Info |
31 | | - |
| 33 | + console.info('Berlin is the capital of Germany.'); |
32 | 34 | // Testing |
33 | | - |
| 35 | + const p = document.querySelector('p'); |
| 36 | + console.assert(1 === 2, 'That is wrong!'); |
34 | 37 | // clearing |
35 | | - |
| 38 | + console.clear(); |
36 | 39 | // Viewing DOM Elements |
| 40 | + console.log(p); |
| 41 | + console.dir(p); |
37 | 42 |
|
| 43 | + console.clear(); |
38 | 44 | // Grouping together |
39 | | - |
| 45 | + dogs.forEach(dog => { |
| 46 | + console.groupCollapsed(`${dog.name}`); |
| 47 | + console.log(`This is ${dog.name}`); |
| 48 | + console.log(`${dog.name} is ${dog.age} years old.`); |
| 49 | + console.log(`${dog.name} is ${dog.age * 7} dog years old.`); |
| 50 | + console.groupEnd(`${dog.name}`); |
| 51 | + }); |
40 | 52 | // counting |
41 | | - |
| 53 | + console.count('Cydnie'); |
| 54 | + console.count('Christian'); |
| 55 | + console.count('Cydnie'); |
| 56 | + console.count('Christian'); |
| 57 | + console.count('Christian'); |
| 58 | + console.count('Christian'); |
| 59 | + console.count('Cydnie'); |
| 60 | + console.count('Cydnie'); |
| 61 | + console.count('Cydnie'); |
| 62 | + console.count('Christian'); |
| 63 | + console.count('Christian'); |
42 | 64 | // timing |
43 | | - |
| 65 | + console.time('fetching data'); |
| 66 | + fetch('https:api.github.com/users/cydseelen') |
| 67 | + .then(data => data.json()) |
| 68 | + .then(data => { |
| 69 | + console.timeEnd('fetching data'); |
| 70 | + console.log(data); |
| 71 | + }); |
| 72 | + |
| 73 | + console.table(dogs); |
44 | 74 | </script> |
45 | 75 | </body> |
46 | 76 | </html> |
0 commit comments