JSFiddle - React, Tailwind, and code Playground

by Aamir Sohail

HTML

<div id="testDiv">
  Test Media Queries And JS Functions
</div>
<img src="https://wallpapercave.com/wp/iLqTLXV.jpg">

CSS

@media screen and (min-width:1px){
  #testDiv{
    color: black;
  }
}

JavaScript

$('document').ready(function() {
  document.getElementById("testDiv").style.color = "blue";
});

document.addEventListener("DOMContentLoaded", function() {
  document.getElementById("testDiv").style.color = "red";
});

window.onload = function() {
  document.getElementById("testDiv").style.color = "yellow";
};