lab-javascript-oops-blog

ProGrad Lab | JS BLOG

We have learned Object-oriented programming and how class and inheritance work in JavaScript. Now lets work with our Viking friends, applying all of the concepts we have just learned.

What should you do

Fork this repo
Clone this repo
Practice OOPs Features

How To Submit

Upon completion, run the following commands:

git add .
git commit -m "ProGrad ID"
git push origin master

And finally, create a pull request so your ProGrad Mentor (PM) can review your work.

Instructions

We must write the correct code in the script.js file. In this file you will find the following starter code:

class Blog{

}

In this case, it says that Blog class should receive 2 arguments (title & detail), so we have to write the correct code. Let’s make the Blog class receive two arguments:

class Blog{
constuctor(title,detail){}

}

Progression 1: WRITE UP

Modify the Blog class and add two methods to it: addTitle(), and addDescription().

class

• should receive two arguments title and detail.
• should receive title as first argument.
• should receive detail as second argument.

addTitle()

• should be a method.
• should receive 0 arguments.
• should display the title of Blog as H1.

     var title_card = document.createElement('h1');
        title_card.setAttribute("id","blog-title");
        console.log(title_card);
        document.getElementById('card-text').appendChild(title_card);
        title_card.innerHTML += this.title;
  

addDescription()

• should be a method.
• should have 0 arguments.
• should display the description as a paragraph.

Progression 2: SHOW EM UP

Setup EventListeners, so that we can display the entire blog for the users

Happy Coding ProGrads❤️