diff --git a/.eslintrc.json b/.eslintrc.json index bb0f303..333a9c3 100644 --- a/.eslintrc.json +++ b/.eslintrc.json @@ -3,5 +3,8 @@ "env": { "node": true, "jest": true + }, + "rules": { + "no-console": 0 } } diff --git a/src/components/DivElement.js b/src/components/DivElement.js index 7e22bcb..8b2f7e5 100644 --- a/src/components/DivElement.js +++ b/src/components/DivElement.js @@ -1,5 +1,15 @@ // Import HTMLElement here - +// Import HTMLElement here +import HTMLElement from './HTMLElement'; // Define class here - +class DivElement extends HTMLElement { + constructor(content) { + super('div', content); + } +} +const andIThinkToMyself = new DivElement('What a wonderful world'); +// andIThinkToMyself.render(); +console.log(andIThinkToMyself.render()); +// prints "
What a wonderful world
" // Export class here +export default DivElement; diff --git a/src/components/HTMLElement.js b/src/components/HTMLElement.js index 559b785..22ed817 100644 --- a/src/components/HTMLElement.js +++ b/src/components/HTMLElement.js @@ -1,4 +1,18 @@ // Define class here +class HTMLElement { + constructor(tag, content) { + this.tag = tag; + this.content = content; + } + render() { + const greeting = `<${this.tag}>${this.content}`; + return greeting; + } +} +const lovelaceQuote = new HTMLElement('p', 'I am never so happy as when I am really engaged in good earnest...'); +// lovelaceQuote.render(); +console.log(lovelaceQuote.render()); +// prints "

I am never so happy as when I am really engaged in good earnest...

" // Export class here -export default {}; +export default HTMLElement; diff --git a/src/rolodex/rolodexPrinter.js b/src/rolodex/rolodexPrinter.js index 0f12389..424b827 100644 --- a/src/rolodex/rolodexPrinter.js +++ b/src/rolodex/rolodexPrinter.js @@ -1,11 +1,12 @@ import people from './people.json'; -people.forEach(function (person) { +people.forEach((person) => { const names = person.name.split(' '); - const firstName = names[0]; - const lastName = names[1]; - const email = person.email; - const phone = person.phone; - - console.log('First name: ' + firstName + '\nLast name: ' + lastName + '\nEmail: ' + email + '\nPhone number: ' + phone + '\n'); + const [firstName, lastName] = names; + const { email, phone } = person; + const details = `First name: ${firstName} + Last name: ${lastName} + Email: ${email} + Phone number: ${phone}`; + console.log(details); }); diff --git a/src/timer/Timer.js b/src/timer/Timer.js index 2453ed9..aa40b56 100644 --- a/src/timer/Timer.js +++ b/src/timer/Timer.js @@ -1,17 +1,15 @@ +let nseconds; function Timer(seconds) { - this.seconds = seconds; + nseconds = seconds; } - -Timer.prototype.start = function () { - var instance = this; - var timerInterval = setInterval(function () { - if (instance.seconds === 0) { +Timer.prototype.start = (() => { + const timerInterval = setInterval(() => { + if (nseconds === 0) { clearInterval(timerInterval); } - - console.log(instance.seconds); - instance.seconds -= 1; + console.log(nseconds); + nseconds -= 1; }, 1000); -}; +}); export default Timer;