JSFiddle - React, Tailwind, and code Playground

by Ebuka Chibueze

HTML

<script>
  
  		
		// Create a new request object
var request = new XMLHttpRequest(); // global var
request.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
      alert("Number of PRs:"+request.responseText.substr(18,3))	
    }
	}



//parseInt(request.responseText.substr(18,3))
//2022

  
  
  //-------- Website
    function goToURL() {
		var user = prompt("Please enter username", "Dogi");

     // location.href = 'http://runescape.com'; //https for online >> the rest is local
      //location.href = 'http://runescape.com'+'/game-info'; //https for online >> the rest is local
//https://github.com/pulls?utf8=%E2%9C%93&q=is%3Apr+author%3AEbuka-Chibueze+is%3Apublic+repo%3Aopen-learning-exchange%2Fopen-learning-exchange.github.io+is%3Amerged+
location.href = 'https://github.com/pulls?utf8=%E2%9C%93&q=is%3Apr+author%3A'+user+'+is%3Apublic+repo%3Aopen-learning-exchange%2Fopen-learning-exchange.github.io+is%3Amerged+'
    }
	
	function goToURL2() {
		var user = prompt("Please enter username", "Dogi");

     // location.href = 'http://runescape.com'; //https for online >> the rest is local
      //location.href = 'http://runescape.com'+'/game-info'; //https for online >> the rest is local
//https://github.com/pulls?utf8=%E2%9C%93&q=is%3Apr+author%3AEbuka-Chibueze+is%3Apublic+repo%3Aopen-learning-exchange%2Fopen-learning-exchange.github.io+is%3Amerged+
 

location.href ='https://github.com/pulls?utf8=%E2%9C%93&q=is%3Apr+author%3A'+user+'+is%3Apublic+repo%3Aopen-learning-exchange%2Fopen-learning-exchange.github.io'
    }
	
	
	
	
	
	
	//------------------------API
	
	function goToURL3() {
	var user = prompt("Please enter username", "Dogi");
    
      //location.href = 'http://runescape.com'; //https for online >> the rest is local
      //location.href = 'http://runescape.com'+'/game-info'; //https for online >> the rest is local
		//location.href = ...

CSS

body {background-color: powderblue;}
h1   {color: blue;}
p    {color: red;}

.center {
    margin: auto;
    width: 50%;
    border: 3px solid green;
    padding: 10px;
}