diff --git a/08/app.js b/08/app.js new file mode 100644 index 0000000..a236d45 --- /dev/null +++ b/08/app.js @@ -0,0 +1,129 @@ +//JSON Objekt pro zpravování JS +const firstJsonObj = { + //"obyč" hodnoty + name:"Peter", + surname: "Grifin", + age: 50, + country: "USA", + gender: "M", + //JSON in JSON + address: { + streetName: "Street", + streetNumb: "32", + zipCode: "12345" + }, + //Array + cars: ["audi", "bmw", "skoda"] + }; + +//Stringifikace JSON Objektu na JSON String -> lepší pro komunikaci mezi "prostředí" +const firstJson = JSON.stringify(firstJsonObj) +document.getElementById("demo").innerText = firstJson + +// vypsání jednotlivé položky z JSON Objektu +document.getElementById("d_name").innerText = firstJsonObj.name + + +//-------------------------------------------- + +var largejson = [ + { + "id": 1, + "first_name": "Denney", + "age": 25, + "gender": "Male", + "fav_color": "Turquoise" + }, + { + "id": 2, + "first_name": "Anita", + "age": 11, + "gender": "Female", + "fav_color": "Indigo" + }, + { + "id": 3, + "first_name": "Standford", + "age": 40, + "gender": "Male", + "fav_color": "Puce" + }, + { + "id": 4, + "first_name": "Daron", + "age": 55, + "gender": "Female", + "fav_color": "Yellow" + }, + { + "id": 5, + "first_name": "Justin", + "age": 34, + "gender": "Male", + "fav_color": "Aquamarine" + }, + { + "id": 6, + "first_name": "Desiree", + "age": 20, + "gender": "Female", + "fav_color": "Violet" + }, + { + "id": 7, + "first_name": "Dietrich", + "age": 52, + "gender": "Male", + "fav_color": "Green" + }, + { + "id": 8, + "first_name": "Brynna", + "age": 15, + "gender": "Female", + "fav_color": "Purple" + }, + { + "id": 9, + "first_name": "Karlik", + "age": 37, + "gender": "Male", + "fav_color": "Red" + }, + { + "id": 10, + "first_name": "Birk", + "age": 43, + "gender": "Male", + "fav_color": "Fuscia" + } +]; + +let final = ""; +for (let i = 0; i < largejson.length; i++) { + const name = largejson[i].first_name; + const age = largejson[i].age; + const gender = largejson[i].gender; + + if(gender == "Female" ) + { + final += "

ID:"+i+"; Pracovnice: " + name + "

"; + } else { + final += "

ID:"+i+"; Pracovík: " + name + "; věk: "+age+ "

"; + + } + + document.getElementById("large").innerHTML = final; + +} + + +//---------------------------------------- +//AJAX +// let ajaxdata; +// fetch('https://jsonplaceholder.typicode.com/users') +// .then(response => {return response.json()}) +// .then(users = console.log(users)); + +// console.log(ajaxdata); +// document.getElementById("ajaxp").innerHTML = ajaxdata; \ No newline at end of file diff --git a/08/data.json b/08/data.json new file mode 100644 index 0000000..5469cb2 --- /dev/null +++ b/08/data.json @@ -0,0 +1,72 @@ +[ + { + "id": 1, + "first_name": "Denney", + "age": 25, + "gender": "Male", + "fav_color": "Turquoise" + }, + { + "id": 2, + "first_name": "Anita", + "age": 11, + "gender": "Female", + "fav_color": "Indigo" + }, + { + "id": 3, + "first_name": "Standford", + "age": 40, + "gender": "Male", + "fav_color": "Puce" + }, + { + "id": 4, + "first_name": "Daron", + "age": 55, + "gender": "Female", + "fav_color": "Yellow" + }, + { + "id": 5, + "first_name": "Justin", + "age": 34, + "gender": "Male", + "fav_color": "Aquamarine" + }, + { + "id": 6, + "first_name": "Desiree", + "age": 20, + "gender": "Female", + "fav_color": "Violet" + }, + { + "id": 7, + "first_name": "Dietrich", + "age": 52, + "gender": "Male", + "fav_color": "Green" + }, + { + "id": 8, + "first_name": "Brynna", + "age": 15, + "gender": "Female", + "fav_color": "Purple" + }, + { + "id": 9, + "first_name": "Karlik", + "age": 37, + "gender": "Male", + "fav_color": "Red" + }, + { + "id": 10, + "first_name": "Birk", + "age": 43, + "gender": "Male", + "fav_color": "Fuscia" + } +] \ No newline at end of file diff --git a/08/index.html b/08/index.html new file mode 100644 index 0000000..90a2bee --- /dev/null +++ b/08/index.html @@ -0,0 +1,25 @@ + + + + + + + Document + + +

JS JSON

+ +

+ +

+ +
+ +

+ +
+ +

+ + + \ No newline at end of file