{"id":439,"date":"2026-03-27T13:50:09","date_gmt":"2026-03-27T13:50:09","guid":{"rendered":"https:\/\/theroyalscode.com\/students\/k_rai\/?p=439"},"modified":"2026-03-27T13:50:09","modified_gmt":"2026-03-27T13:50:09","slug":"cats-03-27-26","status":"publish","type":"post","link":"https:\/\/theroyalscode.com\/students\/k_rai\/2026\/03\/27\/cats-03-27-26\/","title":{"rendered":"Cats 03\/27\/26"},"content":{"rendered":"\n

Today I decided to work on a simple API website where the button gets me random pictures of cats<\/p>\n\n\n\n

I did very simple codes <\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

This html code is responsible for the buttons and the image <\/p>\n\n\n\n

the code div id is a button where you can click to get random pictures<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

This is the Java part of the code where it does the most important part <\/p>\n\n\n\n

the line 3 of code is responsible for getting the pictures from a api website and the await tells the code to wait before <\/p>\n\n\n\n

running the other codes and to wait until the pictures are loaded first then start so the codes don’t get messed up<\/p>\n\n\n\n

the line 9 and 10 are for catching the errors <\/p>\n\n\n\n

the document is responsible for button and when you click you get the picture<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

The style is responsible for look of the website <\/p>\n\n\n\n

I Changed fonts and the color of the website to more appealing one <\/p>\n\n\n\n

I can’t seem to have Access to my videos I recorded of my website so I can’t post it here for the moment <\/p>\n","protected":false},"excerpt":{"rendered":"

Today I decided to work on a simple API website where the button gets me random pictures of cats I did very simple codes This html code is responsible for the buttons and the image the code div id is a button where you can click to get random pictures This is the Java part […]<\/p>\n","protected":false},"author":1,"featured_media":443,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2],"tags":[],"class_list":["post-439","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-free-friday"],"_links":{"self":[{"href":"https:\/\/theroyalscode.com\/students\/k_rai\/wp-json\/wp\/v2\/posts\/439","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/theroyalscode.com\/students\/k_rai\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/theroyalscode.com\/students\/k_rai\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/theroyalscode.com\/students\/k_rai\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/theroyalscode.com\/students\/k_rai\/wp-json\/wp\/v2\/comments?post=439"}],"version-history":[{"count":1,"href":"https:\/\/theroyalscode.com\/students\/k_rai\/wp-json\/wp\/v2\/posts\/439\/revisions"}],"predecessor-version":[{"id":444,"href":"https:\/\/theroyalscode.com\/students\/k_rai\/wp-json\/wp\/v2\/posts\/439\/revisions\/444"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/theroyalscode.com\/students\/k_rai\/wp-json\/wp\/v2\/media\/443"}],"wp:attachment":[{"href":"https:\/\/theroyalscode.com\/students\/k_rai\/wp-json\/wp\/v2\/media?parent=439"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/theroyalscode.com\/students\/k_rai\/wp-json\/wp\/v2\/categories?post=439"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/theroyalscode.com\/students\/k_rai\/wp-json\/wp\/v2\/tags?post=439"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}