Code snippets

Baby Yoda · 24.03.2021. u 15:18

Ovde kačite praktična rešenja (funkcionalni deo koda) za različite upotrebe. Malopre sam napisao skripticu da sa 9Gag-a pokupi fotku (ne video) iz URL-a.

Primer HTML koda:

HTML:

<!DOCTYPE html>
<html>
   <head>
      <title>Page Title</title> 
    
   </head>
   <body>   
<h1>TESTIRANJE FOTOGRAFIJA SA 9GAG-A</h1>
<form>
    <input type="text" id="imagename" value="" />
    <input type="button" id="btn" value="GO" />
</form>
<div id="img_home"></div>

 <script src='skripta.js' type="text/javascript"></script>
   </body>
</html>

Javascript kod:

JavaScript:

document.getElementById('btn').onclick = function() {
            let div = document.getElementById('img_home');
            let img = new Image();
            let link = document.getElementById('imagename').value;           
            let split = link.split("/");
            let start = "https://img-9gag-fun.9cache.com/photo/";
            let end = "_700b.jpg";
            let src = start + split[split.length-1] + end;
            img.src = src;
            div.appendChild(img);
        }

JS fiddle: https://jsfiddle.net/CodeIllusionist/swqhcy5j/
9Gag url: https://9gag.com/gag/aO37QDR

Možete probati i bilo koji drugi 9gag url kad otvorite neki post gde je slika (ne video). Nadam se da sve radi.

Code snippets

Baby Yoda

Contributor