JSFiddle - React, Tailwind, and code Playground

by Hakan Bilgin

HTML

<script src="http://defiantjs.com/defiant.js/dist/defiant-latest.min.js"></script>
<div id="output"></div>

JavaScript

var data = {
		   "photos": {
		      "page": 1,
		      "pages": 414,
		      "perpage": 10,
		      "total": "4136",
		      "photo": [
		         {
		            "id": "13193333",
		            "owner": "picture owner 1",
		            "title": "picture title 1",
		            "lat": 43.81919,
		            "lon": 11.294719,
		            "url": "http:\\...."
		         },
		         {
		            "id": "13193383",
		            "owner": "picture owner 2",
		            "title": "picture title 2",
		            "lat": 43.81919,
		            "lon": 11.294719,
		            "url": "http:\\...."
		         }
		      ]
		   },
		   "stat": "ok"
		},
		found = JSON.search(data, "//title"),
		str = '';

	for (var i=0; i<found.length; i++) {
		str += found[i] +'<br/>';
	}

	document.getElementById('output').innerHTML = str;