var textJsonString = "{ \"type\": \"FeatureCollection\",\"features\": [{ \"type\": \"Feature\",\"geometry\": {\"type\": \"Point\", \"coordinates\": [32.84,39.92]},\"properties\": {\"popupDescription\": \"CitySurf Point\"}},{ \"type\": \"Feature\",\"geometry\": {\"type\": \"LineString\",\"coordinates\": [[35.04, 40.52], [36.67, 38.97], [40.82, 39.28], [40.01, 40.59]]},\"properties\": {\"popupDescription\": \"CitySurf LineString\"}},{ \"type\": \"Feature\",\"geometry\": {\"type\": \"Polygon\",\"coordinates\": [[ [31.06, 38.58], [30.06, 39.58], [32.06, 39.58],[32.06, 39.58], [31.06, 38.58] ]]},\"properties\": {\"popupDescription\": \"CitySurf Polygon\"}}]}";
var geojsonLayer;

window.onload = function () {

    map = L.map('map', {
        center: [39.80, 34.00],
        zoom: 6,
    });
    L.tileLayer('http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
        attribution: 'Leaflet.GeoJSONAutocomplete Plug-in Geojson Test Page',
        subdomains: ['a', 'b', 'c']
    }).addTo(map);

    document.getElementById("textAreaTest").value = textJsonString;
};

function drawGeoJson() {

    var geoJsonObject = JSON.parse(document.getElementById("textAreaTest").value);

    if (geojsonLayer !== undefined) {
        map.removeLayer(geojsonLayer);
        geojsonLayer = undefined;
    }

    var myStyle = {
        color: "green",
        weight: 5,
        opacity: 0.65,
        fill: false
    };

    try {
        geojsonLayer = L.geoJson(geoJsonObject, {
            style: myStyle,
            onEachFeature: function (feature, layer) {
                layer.bindPopup(feature.properties.popupDescription);
            }
        });

        map.addLayer(geojsonLayer);
        map.fitBounds(geojsonLayer.getBounds());
    }
    catch (err) {
        alert("Invalid GeoJson Object");
    }




}


var textJsonString = "{ \"type\": \"FeatureCollection\",\"features\": [{ \"type\": \"Feature\",\"geometry\": {\"type\": \"Point\", \"coordinates\": [32.84,39.92]},\"properties\": {\"popupDescription\": \"CitySurf Point\"}},{ \"type\": \"Feature\",\"geometry\": {\"type\": \"LineString\",\"coordinates\": [[35.04, 40.52], [36.67, 38.97], [40.82, 39.28], [40.01, 40.59]]},\"properties\": {\"popupDescription\": \"CitySurf LineString\"}},{ \"type\": \"Feature\",\"geometry\": {\"type\": \"Polygon\",\"coordinates\": [[ [31.06, 38.58], [30.06, 39.58], [32.06, 39.58],[32.06, 39.58], [31.06, 38.58] ]]},\"properties\": {\"popupDescription\": \"CitySurf Polygon\"}}]}";
var geojsonLayer;

window.onload = function () {

    map = L.map('map', {
        center: [39.80, 34.00],
        zoom: 6,
    });
    L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
        attribution: 'Leaflet.GeoJSONAutocomplete Plug-in Geojson Test Page',
        subdomains: ['a', 'b', 'c']
    }).addTo(map);

    document.getElementById("textAreaTest").value = textJsonString;
};

function drawGeoJson() {

    var geoJsonObject = JSON.parse(document.getElementById("textAreaTest").value);

    if (geojsonLayer !== undefined) {
        map.removeLayer(geojsonLayer);
        geojsonLayer = undefined;
    }

    var myStyle = {
        color: "green",
        weight: 5,
        opacity: 0.65,
        fill: false
    };

    try {
        geojsonLayer = L.geoJson(geoJsonObject, {
            style: myStyle,
            onEachFeature: function (feature, layer) {
                layer.bindPopup(feature.properties.popupDescription);
            }
        });

        map.addLayer(geojsonLayer);
        map.fitBounds(geojsonLayer.getBounds());
    }
    catch (err) {
        alert("Invalid GeoJson Object");
    }




}


Update geojsontest.js