JSFiddle - React, Tailwind, and code Playground

by champion_runner

HTML

<!DOCTYPE html>
<html>
<head>
    <title>Hacktoberfest!!</title>
    <style>
button
{
    height:100px;
    width:200px;
    font-size:24px;
    color:white;
    border:0px;
    border-radius: 25%;
    background-color:burlywood;
}
button:hover
{
background-color:black;
color:white;
}
 h1{ font-family: Calibri;}
 h2{ font-family: Calibri;}
 li{ font-family: Calibri;}
 li{ font-size: 26px;}

div.a { text-align: center;}

ol { background: #3399ff; padding: 20px;}
ol li { background: #cce5ff; margin: 5px;}
    </style>
</head>
<body style="background-color: rgb(192,192,192)">
<div class="a">

<h1>Hi, I am Ishaan </h1>
<h2>I am an open source enthusiast anda student involved in various projects and contributingto a host of open source projects</h2>	
<h1>This repo will serve a noble cause</h1>
<h1>It will test the power of OPEN SOURCE in GENERAL and HACKTOBERFEST in particular</h1>
<h1>Anyone seeing this repo just comment Hi with your name just as I have done</h1>
<h2>Make sure that your name is within the <em>li</em> tags</h2>
<h2>IFF you want you can STAR the repo and SPREAD it among your friends(It will help us get bigger)<h2>
<h2>Let us all be friends and remain connected</h2>
<h1 style="color:rgb(150, 0, 0)">FOLLOW me if you want and if YOU want to work on any open source project</h3>

                <ol type="1">
                <b>
			
		<li>HI, I am Ishaan and I am the maintainer <a href="https://github.com/abhilash433"></li>
	        <li>HI, I am Abhilash and my profile link is <a href="https://github.com/abhilash433"></li>
	        <li>HI, I am Karamax and my profile link is <a href="https://github.com/Karamax"></li>
	        <li>HI, I am Saurav Jaiswal and my profile link is <a href="https://github.com/sauravjaiswalsj"></li>
	        <li>HI, I am Ashutosh Dwivedi and my profile link is <a href="https://github.com/kindacoder"></li>
	        <li>HI, I am Nufflee and my profile link is <a href="https://github.com/Nufflee"></li>
	        <li>HI, I am Pratyush...

JavaScript

var button=document.querySelector("button");
var filled=false;
button.addEventListener("click",function()
	//alert('connected');
	if(filled){
		document.body.style.background="blue";}	
	else if	
		document.body.style.background="green";
	else 
		document.body.style.background="silver";
		filled=!filled;
);