JSFiddle - React, Tailwind, and code Playground

by Ravindra Athreya

HTML

<body>
<div class="test">
Ravindra

<input type="email" id="email"
       pattern="^[a-z0-9._%+-]+@[a-z0-9.-]+\\.[a-z]{2,4}$" size="30" required>
       </div>
</body>

CSS

:root{
  --red:red;
}

.test{
  color: var(--red)
}

JavaScript

const myObj = {
name: "Ravi",
company: "Cognizant"
}

const myNewObj = Object.create(myObj);
myNewObj.name = "G";
console.log(myObj.name);
console.log(myNewObj.name)

const newObj = new Object();
newObj.name = "Swathy";
console.log(newObj)

const newObjLit = {
name: "Isha",
school: "Global City"
}
console.log(newObjLit.name);

var table = document.createElement("table");
for (var i = 1; i < 9; i++) {
    var tr = document.createElement('tr');
    for (var j = 1; j < 9; j++) {
        var td = document.createElement('td');
        if (i%2 == j%2) {
            td.className = "white";
        } else {
            td.className = "black";
        }
        tr.appendChild(td);
    }
    table.appendChild(tr);
}
document.body.appendChild(table);