JSFiddle - React, Tailwind, and code Playground

by novikov433

JavaScript

let religious = document.getElementById('check-option-1');
let political = document.getElementById('check-option-2');
let racist = document.getElementById('check-option-3');
let sexist = document.getElementById('check-option-4');

let url = 'https://sv443.net/jokeapi/v2/joke/Any?blacklistFlags=nsfw&type=twopart';

let url1 = 'https://sv443.net/jokeapi/v2/joke/Any?blacklistFlags=nsfw,religious&type=twopart';
let url2 = 'https://sv443.net/jokeapi/v2/joke/Any?blacklistFlags=nsfw,political&type=twopart';
let url3 = 'https://sv443.net/jokeapi/v2/joke/Any?blacklistFlags=nsfw,racist&type=twopart';
let url4 = 'https://sv443.net/jokeapi/v2/joke/Any?blacklistFlags=nsfw,sexist&type=twopart';

let url = 'https://sv443.net/jokeapi/v2/joke/Any?blacklistFlags=nsfw&type=twopart';

$(function() {
    $( "#check-option-1" ).on( "click", function() {
                if($(this).is(":checked")) {url === 'https://sv443.net/jokeapi/v2/joke/Any?blacklistFlags=nsfw,religious&type=twopart'; }
       else {url === 'https://sv443.net/jokeapi/v2/joke/Any?blacklistFlags=nsfw&type=twopart';}
    })
    });
    
    const container = document.getElementById('results');
NProgress.start();
NProgress.configure({ trickleSpeed: 500 });
const xhr = new XMLHttpRequest();
    xhr.open('GET', url, true);