JSFiddle - React, Tailwind, and code Playground

by novikov433

JavaScript

function init(){
const container = document.getElementById('results');
NProgress.start();
NProgress.configure({ trickleSpeed: 500 });
const xhr = new XMLHttpRequest();
    xhr.open('GET', `https://sv443.net/jokeapi/v2/joke/Any?blacklistFlags=nsfw,political,racist,sexist&type=twopart`, true);
    xhr.send(null);
    xhr.onload = ()=> {
        const data = JSON.parse(xhr.responseText);
        NProgress.done();
        for (let [one, two] of Object.entries(data)) {
            container.insertAdjacentHTML('beforeend', `
            <div id="${one}" onselectstart="return false" onmousedown="return false">
            <div onselectstart="return false" onmousedown="return false">${two}</div>
            <hr/>
            </div>
        `);
    }
}
}


function render(){
click = document.getElementById('results');
click.addEventListener('click', function (e) {
    let i = 0;
    click1 = document.getElementById('delivery');
    click1.style = "display: block";
    click2 = document.getElementById('zvezda');
    click2.style = "display: block";
    const setup = document.getElementById('results');
        setup.insertAdjacentHTML('beforebegin', `
            <div id="zvezda"></div>
        `);

    click.addEventListener('click', function (e) {
        
        i = i + 1;
        if(i === 1){
            location.reload();
        }
    })
})
}
init()
render()