JSFiddle - React, Tailwind, and code Playground

by borisjavier

HTML

<div id="id_1">div</div>
<div id="id_2">div</div>
<div id="id_3">div</div>
<div id="id_4">div</div>

CSS

#id_1:hover {
  background-color: red;
  cursor: pointer;
}

#id_2:hover {
  background-color: blue;
}

JavaScript

const base = 'http://api.ipstack.com/'
const ipibiry = '2804:4424:c6:5400:91cd:2c89:a204:d549'
const peguelepapas = '?access_key=06fc1c15f93b6fa7652b01d03ef79a37'
const pingo = base+ipibiry+peguelepapas;
let coun = ''
fetch('https://api.ipregistry.co/?key=tryout')        
        .then(res => res.json())
        .then(res => {
        coun = res.code;
        //GDN = (xauUSD / 31.1035).toFixed(2);//troy ounce to gram  
        console.log('Coun: ', coun);          
    })  
    //console.log(coun)

/*fetch(pingo)
    .then(function (response) {
        return response.json();
    })
    .then(function (payload) {
        console.log('Hola amigos');//payload.country_name + ', ' + payload.city  //JSON.stringify(response)
    }); */