JSFiddle - React, Tailwind, and code Playground

by sivashanmugam kannan

HTML

<div class="container">
<span class="first">
  <div>
  </div>
</span>
<span>
  <div>
  </div>
</span>

</div>

CSS

.container{
  display:flex;

}
span {
  width:50px;
  height:50px;
  border:1px solid black;
  background:lightblue;
  display:flex;
  justify-content:center;
  align-content:center;
  align-items:center;
}

span.first{
  margin-right:10px;
}

span div{
  background:green;
  width:10px;
  height:10px;
  border-radius:50%;
  
}

JavaScript

let num1 = 0;
let num2 = 1;
console.log('started');
while(num2 <= 100){
	let temp = num1;
	num2 = num1 + num2;
  num1 = temp;
  console.log(num2);
}
conosle.log('--Over--')