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❤️
+ + + + +