JSFiddle - React, Tailwind, and code Playground

by dshilkret

HTML

<form id="form1">
   
   
    <button type="submit">Submit</button>
</form>
<p id="displayURL"></p>
<div id="response">
</div>
<div id="response2">
</div>

JavaScript

$(document).ready(function () {
    getTaskNum();
    getUrlParameter(name);
});
function sendMessage(task){
var form = document.getElementById("form1");
    $(form).submit(function () {
        var domain = "http://site.com/?num=";
        var data = task;//$(this).serialize();
        
        document.getElementById("displayURL").innerHTML = domain + data;
        updateDocSP();
        return false;
    });
}
function getTaskNum(){
        var requestBody = ""; 
        var client=new XMLHttpRequest();
        client.open("get","https://ven02388.service-now.com/api/now/table/x_dtll2_contentint_contentintegration_task/50107243db5e5b0069d100b5ca96192c?sysparm_fields=number");
        client.setRequestHeader('Accept','application/json');
        client.setRequestHeader('Content-Type','application/json');
        //Eg. UserName="admin", Password="admin" for this code sample.
       
        client.setRequestHeader('Authorization', 'Basic '+btoa('dshilkret'+':'+'Felicity1971'));
        client.onreadystatechange = function() { 
            if(this.readyState == this.DONE) {
                document.getElementById("response").innerHTML=this.status + this.response; 

        var payload = JSON.parse(this.response);
        var tn = JSON.stringify(payload.result.number);
        console.log("payload: " + JSON.stringify(payload));
        console.log("number: " + tn);
        document.getElementById("response2").innerHTML=tn; 
        sendMessage(tn.toLowerCase());
        
            }
        }; 
        client.send(requestBody);
}



function updateDocSP(){
        var requestBody = ""; 
        var client=new XMLHttpRequest();
        client.open("get","https://ven02388.service-now.com/api/now/table/x_dtll2_contentint_contentintegration_task/50107243db5e5b0069d100b5ca96192c?sysparm_fields=number");
        client.setRequestHeader('Accept','application/json');
        client.setRequestHeader('Content-Type','application/json');
        //Eg. UserName="admin",...