JSFiddle - React, Tailwind, and code Playground

HTML

<html>
    <head>
        <title>Visitor's location</title>

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
    <script>

    $(document).ready( function() {
        if (navigator.geolocation) {
            navigator.geolocation.getCurrentPosition(function(position) {
                $.getJSON('http://ws.geonames.org/countryCode', {
                    lat: position.coords.latitude,
                    lng: position.coords.longitude,
                    type: 'JSON'
                }, function(result) {
                    alert('Country: ' + result.countryName + '\n' + 'Code: ' + result.countryCode);
                    $('#newURL').attr('href','https://www.google.com&jobid='+result.countryCode);
                });
            });
        }
    }); 


    </script>   
    </head>
    <body>

    <a id="newURL">URL</a>

    </body>
</html>