/*function read(){
    var field = document.getElementById('textArea');
}
function write(){//ajaxするよ
}*/

function mkfield(note){
    var a = 0;
    var b = note.length;
    var c = document.createElement('div');

//    console.log(a < b);

    while (a < b){

//	console.log(c);

	var box = document.createElement('div');
	var nas = document.createElement('p');
	var coms = document.createElement('p');

	var name = note[a]["name"];
	var star = note[a]["star"].toString();
	var comment = note[a]["comment"];

	var nas2 = document.createTextNode(name + " | " + star + " stars");
	var coms2 = document.createTextNode(comment);

	box.setAttribute('class','com');

	nas.appendChild(nas2);
	coms.appendChild(coms2);
	box.appendChild(nas);
	box.appendChild(coms);

	c.appendChild(box);

	a++;
    }
//    console.log(c);
    c.setAttribute('id','nk');
    return c;
}

function asyncSend(){
    var req = new XMLHttpRequest();
    req.onreadystatechange = function() {
	var result = document.getElementById('result');
//	var shop = document.getElementById('shop').value;
	if (req.readyState == 4){//通信完了
	    if (req.status == 200){//通信成功
		var note = JSON.parse(req.responseText);
		var field = document.getElementById('textArea');

		field.replaceChild(mkfield(note),document.getElementById('nk'));

//		field.innerHTML = mkfield(note);
//		mkfield(note);
		console.log(mkfield(note).childNodes);

		result.innerHTML = "";//req.responseText;
//		console.log(note[0]["name"]);
	    }
	}else{
//	    console.log(req.responseText);
//	    result.innerHTML = JSON.parse(req.responseText);
	    result.innerHTML = "通信中";
	}
    }
    req.open('POST', 'ajax.rb', true);
    req.setRequestHeader('content-type',
			 'application/x-www-form-urlencoded;charset=UTF-8');
    req.send('shop='+ encodeURIComponent(document.fm.shop.value) + '&'+
	     'name=' + encodeURIComponent(document.fm.name.value) + '&' +
	     'star=' + encodeURIComponent(document.fm.star.value) + '&' +
	     'comment=' + encodeURIComponent(document.fm.comments.value)
	    );
}



//https://qiita.com/katsunory/items/9bf9ee49ee5c08bf2b3d