{"id":446,"date":"2026-04-10T14:10:49","date_gmt":"2026-04-10T14:10:49","guid":{"rendered":"https:\/\/theroyalscode.com\/students\/k_rai\/?p=446"},"modified":"2026-04-10T14:10:49","modified_gmt":"2026-04-10T14:10:49","slug":"music-through-the-years","status":"publish","type":"post","link":"https:\/\/theroyalscode.com\/students\/k_rai\/2026\/04\/10\/music-through-the-years\/","title":{"rendered":"Music through the YEARS"},"content":{"rendered":"\n<p>Today I decided to my project where I can input a year and the button outputs a music from that year<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"525\" src=\"https:\/\/theroyalscode.com\/students\/k_rai\/wp-content\/uploads\/2026\/04\/music-1-1024x525.png\" alt=\"\" class=\"wp-image-447\" srcset=\"https:\/\/theroyalscode.com\/students\/k_rai\/wp-content\/uploads\/2026\/04\/music-1-1024x525.png 1024w, https:\/\/theroyalscode.com\/students\/k_rai\/wp-content\/uploads\/2026\/04\/music-1-300x154.png 300w, https:\/\/theroyalscode.com\/students\/k_rai\/wp-content\/uploads\/2026\/04\/music-1-768x394.png 768w, https:\/\/theroyalscode.com\/students\/k_rai\/wp-content\/uploads\/2026\/04\/music-1.png 1383w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>I first started working on my HTML and made title and class that contains important container<\/p>\n\n\n\n<p>The most important part is the button that  I can click to generate me a random songs and in that button it contains generate <\/p>\n\n\n\n<p>which is Basically gives random song <\/p>\n\n\n\n<p>The input is responsible for the year numbers from 2000s to 2026 because if it didn&#8217;t had maximinum and minium it <\/p>\n\n\n\n<p>would&#8217;ve been too much information<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"213\" src=\"https:\/\/theroyalscode.com\/students\/k_rai\/wp-content\/uploads\/2026\/04\/music-2-1024x213.png\" alt=\"\" class=\"wp-image-449\" srcset=\"https:\/\/theroyalscode.com\/students\/k_rai\/wp-content\/uploads\/2026\/04\/music-2-1024x213.png 1024w, https:\/\/theroyalscode.com\/students\/k_rai\/wp-content\/uploads\/2026\/04\/music-2-300x62.png 300w, https:\/\/theroyalscode.com\/students\/k_rai\/wp-content\/uploads\/2026\/04\/music-2-768x160.png 768w, https:\/\/theroyalscode.com\/students\/k_rai\/wp-content\/uploads\/2026\/04\/music-2.png 1479w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>This is what it looks like after the codes <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"847\" src=\"https:\/\/theroyalscode.com\/students\/k_rai\/wp-content\/uploads\/2026\/04\/music-3-1024x847.png\" alt=\"\" class=\"wp-image-450\" srcset=\"https:\/\/theroyalscode.com\/students\/k_rai\/wp-content\/uploads\/2026\/04\/music-3-1024x847.png 1024w, https:\/\/theroyalscode.com\/students\/k_rai\/wp-content\/uploads\/2026\/04\/music-3-300x248.png 300w, https:\/\/theroyalscode.com\/students\/k_rai\/wp-content\/uploads\/2026\/04\/music-3-768x635.png 768w, https:\/\/theroyalscode.com\/students\/k_rai\/wp-content\/uploads\/2026\/04\/music-3.png 1062w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"570\" style=\"aspect-ratio: 866 \/ 570;\" width=\"866\" controls src=\"https:\/\/theroyalscode.com\/students\/k_rai\/wp-content\/uploads\/2026\/04\/Recording-2026-04-10-101009.mp4\"><\/video><\/figure>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Today I decided to my project where I can input a year and the button outputs a music from that year I first started working on my HTML and made title and class that contains important container The most important part is the button that I can click to generate me a random songs and [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":448,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2],"tags":[],"class_list":["post-446","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\/446","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=446"}],"version-history":[{"count":1,"href":"https:\/\/theroyalscode.com\/students\/k_rai\/wp-json\/wp\/v2\/posts\/446\/revisions"}],"predecessor-version":[{"id":452,"href":"https:\/\/theroyalscode.com\/students\/k_rai\/wp-json\/wp\/v2\/posts\/446\/revisions\/452"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/theroyalscode.com\/students\/k_rai\/wp-json\/wp\/v2\/media\/448"}],"wp:attachment":[{"href":"https:\/\/theroyalscode.com\/students\/k_rai\/wp-json\/wp\/v2\/media?parent=446"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/theroyalscode.com\/students\/k_rai\/wp-json\/wp\/v2\/categories?post=446"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/theroyalscode.com\/students\/k_rai\/wp-json\/wp\/v2\/tags?post=446"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}