JSFiddle - React, Tailwind, and code Playground

by Andra Jimenez

HTML

<h3>Flickr Photo Gallery</h3>

<p>The Photo ID is:</p>
<div id="placeholder"></div>

JavaScript

//Final project FLICKR DRAFT 4


function FlickrPhoto(json) {
    this.photos = json.photos.photo;
    //this.photoList = [];
    //this.farm = json.photos.photo[0].farm;
    //this.server = json.photos.photo[0].server;
    //this.id = json.photos.photo[0].id;
    //this.secret = json.photos.photo[0].secret; 
}


FlickrPhoto.prototype.toString = function () {
   //var listString = "Reading List: " + this.photos + "\n";
    for (var i = 0; i < this.photos.length; i++) {

      
console.log("https://farm" + this.photos[i].farm +".staticflickr.com/" + this.photos[i].server +"/" + this.photos[i].id + "_" + this.photos[i].secret + ".jpg");
    }
    
};

/*FlickrPhoto.prototype.toString = function () {
    return "https://farm" + this.farm +".staticflickr.com/" + this.server +"/" + this.id + "_" + this.secret + ".jpg";



};*/

//https://farm4.staticflickr.com/3926/14427815703_7ff4e5660c.jpg

//https://farm{farm-id}.staticflickr.com/{server-id}/{id}_{secret}.jpg

//build something that will concacatinate 
//will need a for loop to go through

var FlickrPhoto = new FlickrPhoto({
    "photos": {
        "page": 1,
            "pages": 172045,
            "perpage": 12,
            "total": "2064529",
            "photo": [{
            "id": "14427815703",
                "owner": "100340878@N05",
                "secret": "7ff4e5660c",
                "server": "3926",
                "farm": 4,
                "title": "En attendant mon mod\u00e8le.",
                "ispublic": 1,
                "isfriend": 0,
                "isfamily": 0
        }, {
            "id": "14220986179",
                "owner": "21641933@N00",
                "secret": "d97cc73afe",
                "server": "2920",
                "farm": 3,
                "title": "LOM crate inspector",
                "ispublic": 1,
                "isfriend": 0,
                "isfamily": 0
        }, {
            "id": "14221029060",
                "owner": "93782583@N02",
               ...