BloggerTips and Tricks - Ultimate Blogging Tips in Hindi

<html>
<style>
body{
  font-size: 20px;
  font-family: 'Work Sans', sans-serif;
  color: #333;
  font-weight: 100;
  text-align: left;
  background-color: #f8f6f0;
}
h1{
  font-weight: 100;
  margin: 0px;
  padding: 10px;
  font-size: 10px;
  background-color: #444;
  color: #fff;
}
.question{
  font-size: 20px;
  margin-bottom: 10px;
}
.answers {
  margin-bottom: 15px;
  text-align: left;
  display: inline-block;
}
.answers label{
  display: block;
  margin-bottom: 10px;
}
button{
  font-family: 'Work Sans', sans-serif;
    font-size: 22px;
    background-color: #279;
    color: #fff;
    border: 0px;
    border-radius: 3px;
    padding: 20px;
    cursor: pointer;
    margin-bottom: 20px;
}
button:hover{
    background-color: #38a;
}

.slide{
display:block;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  z-index: 1;
  opacity: 0;
  transition: opacity 0.5s;
}
.active-slide{
  opacity: 1;
  z-index: 2;
}
.quiz-container{

height: auto;
  margin-top: 40px;
}

</style>

<body>
<div class="quiz-container" >
 <div id="quiz" > </div>
</div>
<div >
<button id="previous">Previous Question</button>
<button id="next">Next Question</button>
<button id="submit">Submit Quiz</button>
<button id="refresh"> Refresh</button>
</div>
<div id="results"></div>

// Constant  declaration

const quizContainer  = document.getElementById("quiz") ;
const resultsContainer = document.getElementById("results");
const submitButton = document.getElementById("submit");
const previousButton = document.getElementById("previous");
const nextButton = document.getElementById("next");
const refreshButton = document.getElementById("refresh");
let currentSlide = 0;

// var questionNumber;
const myQuestions = [
  {
    question: "Q 1. Consider the following statements regarding the Ease of Living Index:<br/><br/> 1. It is published jointly by Cornell University, INSEAD and the World Intellectual Property Organization (WIPO).<br/> 2. It is based on four pillars that is institutional, social, economical and physical infrastructure. <br/><br/> Which of the above statements is/are correct? <br/><br/> ",
    answers: {
      a: "1 only ",
      b: "2 only",
      c: "Both 1 and 2",
   d: "Neither 1 nor 2"
    },
    correctAnswer: "b"
 
  },
  {
    question: "Q 2. Infantry Day is a commemoration of an event that also marks<br/>",
    answers: {
   a: "The first time that independent India was engaged in operations against an aggressor.",
      b: "The setting up of Azad Hind Fauj. ",
   c: "The first of many contributions of British Indian armed forces in World War 1.",
   d: "None of the above"
    },
    correctAnswer: "a"
  },
  {
    question: "Q 3. With reference to 'One District One Product Summit(ODOP)', which of the following statements is/are correct? <br/><br/> 1. 'One District One Product' Summit was organized by the Uttar Pradesh government to promote traditional industries in every district of the state. <br/> 2. Its objective is to boost the Micro, Small and Medium Enterprise (MSME). <br/> <br/>",
    answers: {
      a: "1 Only ",
      b: "2 Only",
      c: "Both 1 and 2",
   d: "Neither 1 nor 2"
    },
    correctAnswer: "c"
  },
  {
    question: "Q 4. Consider the following statements with reference to provisions of the Delhi Special Police Establishment Act: <br/><br/> 1.The Central Vigilance Commission exercises superintendence over the Central Bureau of Investigation in relation to offences under the Prevention of Corruption Act, 1988. <br/> 2. The CBI director cannot be transferred without the previous consent of a high-powered committee chaired by the Chief Justice of India. <br/> 3. The CVC has no role, whatsoever, in curtailing or extending the tenure of the CBI director. <br/><br/> Which of the statements given above is/are correct?<br/><br/>",
    answers: {
    a: "1 only",
 b: "2 only",
 c: "1 and 2 only",
 d: "1 and 3 Only"
    },
    correctAnswer: "d"
  },
  {
    question: "Q 5. The Graded Response Action Plan, sometimes in the news, has been prepared for implementation in <br/><br/>",
    answers: {
    a: "Only the National Capital Region. ",
 b: "Haryana, Punjab, Delhi and Western Uttar Pradesh only",
 c: "Every city where average PM2.5 concentration values exceed the WHO threshold. ",
 d: "None of the above"
    },
    correctAnswer: "a"
  }

];

// Functions 
 
function showResults(){
 const answerContainers = quizContainer.querySelectorAll('.answers');
 let numCorrect = 0;
   for ( var questionNumber = 0 ; questionNumber < myQuestions.length ; questionNumber++ ){
  const currentQuestion = myQuestions[questionNumber];
  const answerContainer = answerContainers[questionNumber];
  const selector = "input[name=question"+questionNumber+"]:checked";
  const userAnswer = (answerContainer.querySelector(selector) || {}).value;
  if(userAnswer===currentQuestion.correctAnswer){
        // add to the number of correct answers
        numCorrect++;
        // color the answers green
        answerContainers[questionNumber].style.color = 'green';
  } else{   // if answer is wrong or blank
        // color the answers red
        answerContainers[questionNumber].style.color = 'red';
  }
 } 
    resultsContainer.innerHTML = numCorrect + ' out of ' + myQuestions.length;

}

function showNextSlide() {
   showSlide(currentSlide + 1);
}

function showPreviousSlide() {
   showSlide(currentSlide - 1);
}

function pageRefresh(){
 buildQuiz();
 showSlide(0);
}

// Filling page with value
pageRefresh();
submitButton.addEventListener('click', showResults);
previousButton.addEventListener("click", showPreviousSlide);
nextButton.addEventListener("click", showNextSlide);
refreshButton.addEventListener("click", pageRefresh);

</script>
</body>
</html>

Constant declaration

Previous Question Next Question Submit Quiz Refresh

<div dir="ltr" style="text-align: left;" trbidi="on">
We as a whole believe that it takes such a great amount for making a blog... Right! <br />
<br />
In any case, how the damnation do you start? There's such a lot of information out there on the web, and everyone's educating you to do unmistakable things. Who do you check out? Where's the starting stage? <br />
<br />
For hell's sake, potentially you ought to just disregard it – it's unreasonably perplexing! <br />
<br />
Everything considered, hold up. I used to be a blogging fledgling too. I had comparable issues. I started my blog (BloggingBasics101.com) course in 2006, and I knew not as much as nothing about blogging. All things considered it was only the earlier week I'd understood what a blog was. <br />
<br />
Directly I know a ton about them, and my blog's doing really well – I get more than 300,000 stand-out visitors for consistently which impacts me to see myself as someone you could check out and gain from with respect to building your own one of a kind blog. I'm not a kind of Guru, yet rather I obviously do know the basics. <br />
<br />
I ensure it'll be clear, respectably basic, and surely direct (no idiotic dialect). Sound incredible? <br />
<br />
Extraordinary, we should continue forward. <br />
<br />
Why you should make a blog and join the blogging system <br />
<br />
So underneath, I will design definitely what you need to do to start and set up your own special blog. Before we make a dive be that as it may, I really need to examine WHY you should develop a blog. <br />
<br />
Note: If you starting at now have a solid idea of the whys, by then stay away from this and continue ahead with the guide. <br />
<br />
Blogging has quickly ended up being a champion among the most notable techniques for bestowing and spreading information and news. There are really a considerable number web diaries on the web (don't pressure, you can make yours develop and get observed!). <br />
<br />
It's a phenomenal technique to pass on what needs be and moreover a unimaginable strategy to confer information to other individuals. <br />
<br />
You enhance as an individual and an unrivaled writer. <br />
<br />
The best reason? You can make money doing it! <br />
<br />
I bet you certainly knew the lion's share of that, yet it's conventional to be reminded. <br />
<br />
One final thing before we start: <br />
<br />
Influencing your own one of a kind blog to can take a brief span, in all likelihood up to 30 minutes. So grab yourself a coffee or juice (whatever you lavish) and we should slow down out in. If you require any help in the midst of the set-up process, associate with me here and I'll encourage acceptably well and answer any request you may have). <br />
<br />
Introduction: This manual for starting your own special blog contains some accomplice joins. If you purchase an organization through one of these associations I may secure a little commission, this is at no extra cost to you. <br />
<br />
The Steps Covered In This Blogging Guide <br />
<br />
It's way off the mark as troublesome as setting up a site beginning with no outside help (there's beside no specific limit required here). Honestly, there's no coding required by you. Elevating news, huh? <br />
<br />
The best technique to Start a Blog in 5 Steps: <br />
<br />
There's five essential advances you need to do as such as to start a blog. If you seek after this guide correctly, you'll have your very own blog set up in 30 minutes or less. <br />
<br />
Pick an exceptional blog organize <br />
<br />
Pick a web have for your blog <br />
<br />
Well ordered directions to Set up a blog separately zone <br />
<br />
Structure your new blog <br />
<br />
Profitable resources for blogging <br />
<br />
We will continue with the details of these 5 steps in next blog</div>

We as a whole believe that it takes such a great amount for making a blog... Right! In any case, how the damnation do you start? There...