i have this txt file name contacts.txt that contains this:

kate|female|kathryn bailey beckinsale|26-jul-1973|#23 underworld drive|(621) 142-7827|kate@lycans.net
jessica|female|jessica claire biel|03-mar-1982|27 texas avenue|(53)2344223|jbiel@yahoo.com
johnny|male|john christopher depp ii|09-jun-1963|711 pirate road|(773) 476-6634|jsparrow@piratebay.org

my script is this:

function syncText() {
var xhr = new XMLHttpRequest();

xhr.open("get", "data/contacts.txt", false);

xhr.send(null);

if (xhr.status == 200) {
var data = xhr.responseText;
var items = data.split("|");
items.sort();

var div = document.getElementById("header2");
for (var i = 0; i < items.length; i++) {
var p = document.createElement("p");
var text = document.createTextNode(items[i]);
p.appendChild(text);
div.appendChild(p);
}
} else {
alert("data retrieval failed...");
}
}


html

<div id="header2">
<button onclick="syncText()">Pak</button>
</div>