---
# System prepended metadata

title: Meme vaja

---

# Meme vaja

S pomočjo API-ja https://imgflip.com/api generiraj meme.


Tvoja stran naj ima dropdown menu za izbiro "meme templata" in inpute za tekst.
Meme template so različne slike ozadja meme-a.

Iz routa "/get_memes" pridobi vse možne meme "template" in jih napolni v HTML dropdown ob naložitvi tvoje strani. Tu si pomagaj z Jinja for zanko.


```python=
# recimo če Jinji pošljemo slovar iz /get_memes
{% for item in options %}
   <option value={{ item.id }}>{{ item.name }}</option>
{% endfor %}

```

Za določen meme izvemo tudi koliko "box-ov" ima oz. na koliko mest na sliki lahko vpišemo tekst.

Za pomoč funkcija, ki genereria inpute, glede na podano število boxov (n).
Doda n inputov v div z ID "inputDiv"
```javascript=
function addDivs( numInputs) {
  // 1. Pridobi referenco na div, kjer imamo inpute
  let div = document.getElementById("inputDiv");

  // 2. Pobrišemo star HTML v divu
  div.innerHTML = ''; 

  // 3. Dodaj inpute z ID-ji input1, input2, ...
  for (let i = 0; i < numInputs; i++) {
    let input = document.createElement('input');
    input.type = 'text'; 
    input.id = 'input' + (i + 1); 
    div.appendChild(input);
  }
}
```


Za pomoč še funkcija, ki pogleda vse inpute (pogleda do n).
```javascript=
function readInputs(n) {
  let div = document.getElementById("inputDiv");
  let inputData = {}; // To store the collected data

  for (let i = 1; i <= n; i++) {
    const input = div.getElementById(`input${i}`);
      inputData[`input${i}`] = input.value; 
  }
  return inputData;
}
```

Ko kliknemo gumb ob izbranem "meme templatu" in izpolnjenih "boxih" nam stran generira meme.