Interview Question 2

by Krishna Ananthi

HTML

<div class="sq"> 
  <span></span>
</div>
<div class="sq">
  <span></span> </div>
<div class="sq">
  <span></span> </div>

CSS

.sq{
  width:50px;
  height:50px;
  border: 2px solid red;
  float :left;
  position:relative; 
  margin-right:10px;
}
.sq:first-child{
  margin-right:10px;
}
.sq span{ 
  width:20px;
  height:20px;
  border-radius:50%;
  position :absolute;
  top : 50%; 
  left :50%; 
  transform : translate(-50%,-50%); 
  background-color:yellow; 
}

JavaScript

function fizzbuzz() {
  for (let i = 0; i <= 100; i++) {
    if (i % 15 == 0)
      console.log('fizzbuzz');
    else if (i % 3 == 0)
      console.log('fizz');
    else if (i % 5 == 0)
      console.log('buzz');
    else console.log(i);
  }
}