bangiqi · November 19, 2016 12:24
diff --git a/testing.html b/testing.html
 <!DOCTYPE html>
 <html lang="en">
 <head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script src="https://code.jquery.com/jquery-3.1.1.min.js" type="text/javascript"></script>
        <script type="text/javascript">
                $(document).ready(function()
                {

                    var toolbar = $('#toolbar');
                    var item = $('#pesan_masuk');
                    var reply = $('#jawab');
                    var inputan = $('#textArea');

                    console.log("coba");
                    var data = [ 
                        {
                            "user":"manager",
                            "id_user":10001,
                            "pesan_masuk":[
                                {
                                    "id_pesan":101,
                                    "pengirim":"ramdani",
                                    "pesan":"selamat siang",
                                    "waktu":"1 menit yang lalu"
                                },
                                {
                                    "pengirim":"ramdani",
                                    "id_pesan":102,
                                    "pesan":"12222 5",
                                    "waktu":"1 menit yang lalu"
                                },
                                {
                                    "pengirim":"ramdani",
                                    "id_pesan":103,
                                    "pesan":"selamat malam",
                                    "waktu":"1 menit yang lalu"
                                },
                                
                            ]
                        }
                       
                    ];
                    console.log(data);
                    
                     $.each(data, function(key, value) {
                          toolbar.append(" <h1> user : "+value.user+"</h1>");
                           $.each(value.pesan_masuk , function(k , v ){  // The contents inside stars
                                console.log(v)
                                //var full_pesan = v.pesan;
                                var full_pesan = JSON.stringify(v.pesan);
                                item.append(" <h2> "+v.pengirim +" : <div id='pesan_jawab'>"+v.pesan+"</div></h2>");
                                item.append(" <small> "+v.waktu +"</small>");                                
                                item.append("<button id='reply' data-id="+full_pesan+">Relpy</button>");
                               

                            });  
                      });

                      $('body').on('click', '#reply', function(){
                        var pesan = $(this).data('id');
                        inputan.html(pesan);
                       
                        //data.pesan_masuk.push(pesan);
                        console.log(pesan);                        
                     });
                     $( "#kirim" ).click(function() {
                            var anu = inputan.html();
                            //alert( "Handler for .click() called."+anu );
                            //data.pesan_masuk.push({
                            //     pesan: anu            
                            //});
                    });

                    

                });
        </script>

 </head>
 <body>

    <div id="toolbar"></div>
    <div id="pesan_masuk"></div>
    <div id="jawab"></div>
    <div>
        <textarea name="" id="textArea" cols="30" rows="10"></textarea>
        <button id="kirim">Kirim</button>
    </div>
    
 </body>
 </html>
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<script src="https://code.jquery.com/jquery-3.1.1.min.js" type="text/javascript"></script>
	<script type="text/javascript">
	$(document).ready(function()
	{

	var toolbar = $('#toolbar');
	var item = $('#pesan_masuk');
	var reply = $('#jawab');
	var inputan = $('#textArea');

	console.log("coba");
	var data = [
	{
	"user":"manager",
	"id_user":10001,
	"pesan_masuk":[
	{
	"id_pesan":101,
	"pengirim":"ramdani",
	"pesan":"selamat siang",
	"waktu":"1 menit yang lalu"
	},
	{
	"pengirim":"ramdani",
	"id_pesan":102,
	"pesan":"12222 5",
	"waktu":"1 menit yang lalu"
	},
	{
	"pengirim":"ramdani",
	"id_pesan":103,
	"pesan":"selamat malam",
	"waktu":"1 menit yang lalu"
	},

	]
	}

	];
	console.log(data);

	$.each(data, function(key, value) {
	toolbar.append(" <h1> user : "+value.user+"</h1>");
	$.each(value.pesan_masuk , function(k , v ){ // The contents inside stars
	console.log(v)
	//var full_pesan = v.pesan;
	var full_pesan = JSON.stringify(v.pesan);
	item.append(" <h2> "+v.pengirim +" : <div id='pesan_jawab'>"+v.pesan+"</div></h2>");
	item.append(" <small> "+v.waktu +"</small>");
	item.append("<button id='reply' data-id="+full_pesan+">Relpy</button>");


	});
	});

	$('body').on('click', '#reply', function(){
	var pesan = $(this).data('id');
	inputan.html(pesan);

	//data.pesan_masuk.push(pesan);
	console.log(pesan);
	});
	$( "#kirim" ).click(function() {
	var anu = inputan.html();
	//alert( "Handler for .click() called."+anu );
	//data.pesan_masuk.push({
	// pesan: anu
	//});
	});



	});
	</script>

	</head>
	<body>

	<div id="toolbar"></div>
	<div id="pesan_masuk"></div>
	<div id="jawab"></div>
	<div>
	<textarea name="" id="textArea" cols="30" rows="10"></textarea>
	<button id="kirim">Kirim</button>
	</div>

	</body>
	</html>