JSFiddle - React, Tailwind, and code Playground

HTML

<p> aggiungere api wikipedia :)</p>

        <div class="container">
            <h1>Wikipedia Search</h1>
            <input type="text" id="sTerm" name="search" placeholder="Search..."/>
            <button id='go' type="button">Submit</button>
            <div id="data"></div>
        </div>

JavaScript

$('#go').click(() => {
                searchTerm = $('#sTerm').val()
                $.ajax({
                    url: 'https://en.wikipedia.org/w/api.php?format=json&action=query&prop=extract&titles='+searchTerm+'&redirects=true',
                    headers: {
                        'Access-Control-Allow-Origin': '*',
                        'Content-Type': 'application/json'
                    },
                    method: 'GET',
                    dataType: 'jsonp',
                    data: '',
                    success: function(data) {
                        dataNum = Object.keys(data.query.pages)[0]
                        $('#data').empty()
                        $('#data').append('<h1>'+data.query.pages[dataNum].title+'</h1>') // virgoletta `
                        $('#data').append(data.query.pages[dataNum].extract)
                    }
                })

            })