I have already some codes which I can oparete on fiddle.net. But when I tried that codes in notepad++ I could not oparete.
What reasons for this situation may simply be? For example, I changed url link because of my domain. On fiddle.net I have jquery library but on Notepad++ I do not and I downloaded a .js file to my computer. Antoher problem could be my array on notepad++ which taken from fiddele.net but can not paste to notepad++ in line ,right place.
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript" src="C:\Users\ftec805\Desktop\Deneme10\js\jquery-3.1.1.js"></script>
<script>
//$.getJSON("new4.json", function(data) {
// console.log(data);
//$.getJSON('new4.json', function(data) {
$.each(data.person, function(i, person) {
var tblRow = "<tr><td>" + person.firstName + "</td><td>" + person.lastName + "</td><td>" + person['Email Address'] + "</td><td>" + person.City + "</td></tr>"
$(tblRow).appendTo("#userdata tbody");
});
//});
var data = {
"person": [{
"firstName": "Clark",
"lastName": "Kent",
"Email Address": "Reporter",
"City": 20
}, {
"firstName": "Bruce",
"lastName": "Wayne",
"Email Address": "Playboy",
"City": 30
}, {
"firstName": "Peter",
"lastName": "Parker",
"Email Address": "Photographer",
"City": 40
}, {
"firstName": "Bruce",
"lastName": "Wayne",
"Email Address": "Playboy",
"City": 30
}]
}
</script>
</head>
<body>
<div class="wrapper">
<div class="profile">
<table id="userdata" border="2">
<thead>
<th>FirstName</th>
<th>LastName</th>
<th>EmailAddress</th>
<th>City</th>
</thead>
<tbody>
</tbody>
</table>
</div>
</div>
</body>
</html>