Ricci
22-03-22, 21:57
13. kolo takmičenja u programiranju - Zadatak 2
Pravila igre
1. Programski jezici koje trenutno prihvatamo: HTML, CSS, JavaScript (svaki framework vezan za nabrojane jezike).
2. Bodove će dobiti samo onaj ko prvi tačno uradi zadatak.
3. Prvi zadatak nosi 10 bodova, drugi 15, a treći 20.
4. Prihvata se samo potpuno tačan kod, djelimično tačni kodovi se odbacuju.
5. Kod morate uploadovati na: CODEPEN (https://codepen.io/pen/) , GITHUB (https://github.com/)
6. U svakoj postavci će vam biti objašnjen uslov za tačan kod.
7. Pobjednik kola (takmičar sa najvećim brojem bodova) kao nagradu dobija 15 CHB.
8. Spam, glupiranje i opčenito postavljanje postova koji nemaju veze sa temom će biti kažnjeni.
ZADATAK:
Zadatak 2 se nadovezuje na zadatak 1. Potrebno je da kodu iz prošlog zadatka dodate 3 input polja i 3 buttona. Napraviti funckiju koja će pomoću DOMa omogućiti da za svaki div posebno korisnik može napisati kod boje kojom će se taj div obojiti.
ULAZ: kod boje kojom korisnik želi obojiti određeni div.
IZLAZ: Mjenjanje boje div elementa shodno onoj koju korisnik napiše.
https://croherze.com/forum/image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAzoAAAIFCAYAAAA a6oh4AAALdUlEQVR4nO3aMU7DQBRFUQ9KTUFPg8Ru2CyboYGOn oINDBtACItEg2/OqePotdffY845NwAAgJCb1QMAAADOTegAAAA5QgcAAMgROgAAQ I7QAQAAcoQOAACQI3QAAIAcoQMAAOQIHQAAIEfoAAAAOUIHAAD IOe194OP%208RI7AA7l7v119QQA4Ae7QweAbRtjrJ4AAFlzzj//h0/XAACAHKEDAADkCB0AACBH6AAAADlCBwAAyBE6AABAjtABAAByh A4AAJAjdAAAgByhAwAA5AgdAAAgR%20gAAAA5QgcAAMgROgAAQ I7QAQAAcoQOAACQI3QAAIAcoQMAAOQIHQAAIEfoAAAAOUIHAAD IEToAAECO0AEAAHKEDgAAkCN0AACAHKEDAADkCB0AACBH6AAAA DlCBwAAyBE6AABAjtABAAByhA4AAJAjdAAAgByhAwAA5AgdAAA gR%20gAAAA5QgcAAMgROgAAQI7QAQAAcoQOAACQI3QAAIAcoQM AAOQIHQAAIEfoAAAAOUIHAADIEToAAECO0AEAAHKEDgAAkCN0A ACAHKEDAADkCB0AACBH6AAAADlCBwAAyBE6AABAjtABAAByhA4 AAJAjdAAAgByhAwAA5AgdAAAgR%20gAAAA5QgcAAMgROgAAQI7 QAQAAcoQOAACQI3QAAIAcoQMAAOQIHQAAIEfoAAAAOUIHAADIE ToAAECO0AEAAHKEDgAAkCN0AACAHKEDAADkCB0AACBH6AAAADl CBwAAyBE6AABAjtABAAByhA4AAJAjdAAAgByhAwAA5AgdAAAgR %20gAAAA5QgcAAMgROgAAQI7QAQAAcoQOAACQc1o9AOBI7l7et m3btrl4B9dp3K5eAHAcLjoAAEDOmHPuejE5xrjUFoB/b36uXsA1c9EBrsXORPmWiw4AAJAjdAAAgByhAwAA5AgdAAAgR% 20gAAAA5QgcAAMgROgAAQI7QAQAAcoQOAACQI3QAAIAcoQMAAO QIHQAAIEfoAAAAOUIHAADIEToAAECO0AEAAHKEDgAAkCN0AACA HKEDAADkCB0AACBH6AAAADlCBwAAyBE6AABAjtABAAByhA4AAJ AjdAAAgByhAwAA5AgdAAAgR%20gAAAA5QgcAAMgROgAAQI7QAQ AAcoQOAACQI3QAAIAcoQMAAOQIHQAAIEfoAAAAOUIHAADIEToA AECO0AEAAHKEDgAAkCN0AACAHKEDAADkCB0AACBH6AAAADlCBw AAyBE6AABAjtABAAByhA4AAJAjdAAAgByhAwAA5AgdAAAgR%20 gAAAA5QgcAAMgROgAAQI7QAQAAcoQOAACQI3QAAIAcoQMAAOQI HQAAIEfoAAAAOUIHAADIEToAAECO0AEAAHKEDgAAkCN0AACAHK EDAADkCB0AACBH6AAAADlCBwAAyBE6AABAjtABAAByhA4AAJAj dAAAgByhAwAA5AgdAAAgR%20gAAAA5QgcAAMgROgAAQI7QAQAA coQOAACQI3QAAIAcoQMAAOQIHQAAIEfoAAAAOUIHAADIEToAAE CO0AEAAHKEDgAAkCN0AACAHKEDAADkCB0AACBH6AAAADlCBwAA yBE6AABAjtABAAByhA4AAJAjdAAAgByhAwAA5AgdAAAgR%20gA AAA5QgcAAMgROgAAQI7QAQAAcoQOAACQI3QAAIAcoQMAAOQIHQ AAIEfoAAAAOUIHAADIEToAAECO0AEAAHKEDgAAkCN0AACAHKED AADkCB0AACBH6AAAADlCBwAAyBE6AABAjtABAAByhA4AAJAjdA AAgByhAwAA5AgdAAAgR%20gAAAA5QgcAAMgROgAAQI7QAQAAco QOAACQI3QAAIAcoQMAAOQIHQAAIEfoAAAAOUIHAADIEToAAECO 0AEAAHKEDgAAkCN0AACAHKEDAADkCB0AACBH6AAAADlCBwAAyB E6AABAjtABAAByhA4AAJAjdAAAgByhAwAA5AgdAAAgR%20gAAA A5QgcAAMgROgAAQI7QAQAAcoQOAACQI3QAAIAcoQMAAOQIHQAA IEfoAAAAOUIHAADIEToAAECO0AEAAHKEDgAAkCN0AACAHKEDAA DkCB0AACBH6AAAADlCBwAAyBE6AABAjtABAAByhA4AAJAjdAAA gByhAwAA5AgdAAAgR%20gAAAA5QgcAAMgROgAAQI7QAQAAcoQO AACQI3QAAIAcoQMAAOQIHQAAIEfoAAAAOUIHAADIEToAAECO0A EAAHKEDgAAkCN0AACAHKEDAADkCB0AACBH6AAAADlCBwAAyBE6 AABAjtABAAByhA4AAJAjdAAAgByhAwAA5AgdAAAgR%20gAAAA5 QgcAAMgROgAAQI7QAQAAcoQOAACQI3QAAIAcoQMAAOQIHQAAIE foAAAAOUIHAADIEToAAECO0AEAAHKEDgAAkCN0AACAHKEDAADk CB0AACBH6AAAADlCBwAAyBE6AABAjtABAAByhA4AAJAjdAAAgB yhAwAA5AgdAAAgR%20gAAAA5QgcAAMgROgAAQI7QAQAAcoQOAA CQI3QAAIAcoQMAAOQIHQAAIEfoAAAAOUIHAADIEToAAECO0AEA AHKEDgAAkCN0AACAHKEDAADkCB0AACBH6AAAADlCBwAAyBE6AA BAjtABAAByhA4AAJCzK3TGGJfaAQAAcDYuOgAAQI7QAQAAcoQO AACQI3QAAIAcoQMAAOQIHQAAIEfoAAAAOUIHAADIEToAAEDOaf UAAOB3Hp6fVk8AOAyhA7DDuF29gGv28Lx6AcBx%20HQNAADIET oAAECO0AEAAHKEDgAAkCN0AACAHKEDAADkCB0AACBH6AAAADlC BwAAyBE6AABAjtABAAByhA4AAJAjdAAAgByhAwAA5AgdAAAgR% 20gAAAA5QgcAAMgROgAAQI7QAQAAcoQOAACQI3QAAIAcoQMAAO QIHQAAIEfoAAAAOUIHAADIEToAAECO0AEAAHKEDgAAkCN0AACA HKEDAADkCB0AACBH6AAAADlCBwAAyBE6AABAjtABAAByhA4AAJ AjdAAAgByhAwAA5AgdAAAgR%20gAAAA5QgcAAMgROgAAQI7QAQ AAcoQOAACQI3QAAIAcoQMAAOQIHQAAIEfoAAAAOUIHAADIEToA AECO0AEAAHKEDgAAkCN0AACAHKEDAADkCB0AACBH6AAAADlCBw AAyBE6AABAjtABAAByhA4AAJAjdAAAgByhAwAA5AgdAAAgR%20 gAAAA5QgcAAMgROgAAQI7QAQAAcoQOAACQI3QAAIAcoQMAAOQI HQAAIEfoAAAAOUIHAADIEToAAECO0AEAAHKEDgAAkCN0AACAHK EDAADkCB0AACBH6AAAADlCBwAAyBE6AABAjtABAAByhA4AAJAj dAAAgByhAwAA5AgdAAAgR%20gAAAA5QgcAAMgROgAAQI7QAQAA coQOAACQI3QAAIAcoQMAAOQIHQAAIEfoAAAAOUIHAADIEToAAE CO0AEAAHKEDgAAkCN0AACAHKEDAADkCB0AACBH6AAAADlCBwAA yBE6AABAjtABAAByhA4AAJAjdAAAgByhAwAA5AgdAAAgR%20gA AAA5QgcAAMgROgAAQI7QAQAAcoQOAACQI3QAAIAcoQMAAOQIHQ AAIEfoAAAAOUIHAADIEToAAECO0AEAAHKEDgAAkCN0AACAHKED AADkCB0AACBH6AAAADlCBwAAyBE6AABAjtABAAByhA4AAJAjdA AAgByhAwAA5AgdAAAgR%20gAAAA5QgcAAMgROgAAQI7QAQAAco QOAACQI3QAAIAcoQMAAOQIHQAAIEfoAAAAOUIHAADIEToAAEDO ac%20P55yX2gEAAHA2LjoAAECO0AEAAHKEDgAAkCN0AACAHKED AADkCB0AACBH6AAAADlCBwAAyBE6AABAjtABAAByhA4AAJAjdA AAgJwvOFAe4BUzLnoAAAAASUVORK5CYII=
SRETNO
Pravila igre
1. Programski jezici koje trenutno prihvatamo: HTML, CSS, JavaScript (svaki framework vezan za nabrojane jezike).
2. Bodove će dobiti samo onaj ko prvi tačno uradi zadatak.
3. Prvi zadatak nosi 10 bodova, drugi 15, a treći 20.
4. Prihvata se samo potpuno tačan kod, djelimično tačni kodovi se odbacuju.
5. Kod morate uploadovati na: CODEPEN (https://codepen.io/pen/) , GITHUB (https://github.com/)
6. U svakoj postavci će vam biti objašnjen uslov za tačan kod.
7. Pobjednik kola (takmičar sa najvećim brojem bodova) kao nagradu dobija 15 CHB.
8. Spam, glupiranje i opčenito postavljanje postova koji nemaju veze sa temom će biti kažnjeni.
ZADATAK:
Zadatak 2 se nadovezuje na zadatak 1. Potrebno je da kodu iz prošlog zadatka dodate 3 input polja i 3 buttona. Napraviti funckiju koja će pomoću DOMa omogućiti da za svaki div posebno korisnik može napisati kod boje kojom će se taj div obojiti.
ULAZ: kod boje kojom korisnik želi obojiti određeni div.
IZLAZ: Mjenjanje boje div elementa shodno onoj koju korisnik napiše.
https://croherze.com/forum/image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAzoAAAIFCAYAAAA a6oh4AAALdUlEQVR4nO3aMU7DQBRFUQ9KTUFPg8Ru2CyboYGOn oINDBtACItEg2/OqePotdffY845NwAAgJCb1QMAAADOTegAAAA5QgcAAMgROgAAQ I7QAQAAcoQOAACQI3QAAIAcoQMAAOQIHQAAIEfoAAAAOUIHAAD IOe194OP%208RI7AA7l7v119QQA4Ae7QweAbRtjrJ4AAFlzzj//h0/XAACAHKEDAADkCB0AACBH6AAAADlCBwAAyBE6AABAjtABAAByh A4AAJAjdAAAgByhAwAA5AgdAAAgR%20gAAAA5QgcAAMgROgAAQ I7QAQAAcoQOAACQI3QAAIAcoQMAAOQIHQAAIEfoAAAAOUIHAAD IEToAAECO0AEAAHKEDgAAkCN0AACAHKEDAADkCB0AACBH6AAAA DlCBwAAyBE6AABAjtABAAByhA4AAJAjdAAAgByhAwAA5AgdAAA gR%20gAAAA5QgcAAMgROgAAQI7QAQAAcoQOAACQI3QAAIAcoQM AAOQIHQAAIEfoAAAAOUIHAADIEToAAECO0AEAAHKEDgAAkCN0A ACAHKEDAADkCB0AACBH6AAAADlCBwAAyBE6AABAjtABAAByhA4 AAJAjdAAAgByhAwAA5AgdAAAgR%20gAAAA5QgcAAMgROgAAQI7 QAQAAcoQOAACQI3QAAIAcoQMAAOQIHQAAIEfoAAAAOUIHAADIE ToAAECO0AEAAHKEDgAAkCN0AACAHKEDAADkCB0AACBH6AAAADl CBwAAyBE6AABAjtABAAByhA4AAJAjdAAAgByhAwAA5AgdAAAgR %20gAAAA5QgcAAMgROgAAQI7QAQAAcoQOAACQc1o9AOBI7l7et m3btrl4B9dp3K5eAHAcLjoAAEDOmHPuejE5xrjUFoB/b36uXsA1c9EBrsXORPmWiw4AAJAjdAAAgByhAwAA5AgdAAAgR% 20gAAAA5QgcAAMgROgAAQI7QAQAAcoQOAACQI3QAAIAcoQMAAO QIHQAAIEfoAAAAOUIHAADIEToAAECO0AEAAHKEDgAAkCN0AACA HKEDAADkCB0AACBH6AAAADlCBwAAyBE6AABAjtABAAByhA4AAJ AjdAAAgByhAwAA5AgdAAAgR%20gAAAA5QgcAAMgROgAAQI7QAQ AAcoQOAACQI3QAAIAcoQMAAOQIHQAAIEfoAAAAOUIHAADIEToA AECO0AEAAHKEDgAAkCN0AACAHKEDAADkCB0AACBH6AAAADlCBw AAyBE6AABAjtABAAByhA4AAJAjdAAAgByhAwAA5AgdAAAgR%20 gAAAA5QgcAAMgROgAAQI7QAQAAcoQOAACQI3QAAIAcoQMAAOQI HQAAIEfoAAAAOUIHAADIEToAAECO0AEAAHKEDgAAkCN0AACAHK EDAADkCB0AACBH6AAAADlCBwAAyBE6AABAjtABAAByhA4AAJAj dAAAgByhAwAA5AgdAAAgR%20gAAAA5QgcAAMgROgAAQI7QAQAA coQOAACQI3QAAIAcoQMAAOQIHQAAIEfoAAAAOUIHAADIEToAAE CO0AEAAHKEDgAAkCN0AACAHKEDAADkCB0AACBH6AAAADlCBwAA yBE6AABAjtABAAByhA4AAJAjdAAAgByhAwAA5AgdAAAgR%20gA AAA5QgcAAMgROgAAQI7QAQAAcoQOAACQI3QAAIAcoQMAAOQIHQ AAIEfoAAAAOUIHAADIEToAAECO0AEAAHKEDgAAkCN0AACAHKED AADkCB0AACBH6AAAADlCBwAAyBE6AABAjtABAAByhA4AAJAjdA AAgByhAwAA5AgdAAAgR%20gAAAA5QgcAAMgROgAAQI7QAQAAco QOAACQI3QAAIAcoQMAAOQIHQAAIEfoAAAAOUIHAADIEToAAECO 0AEAAHKEDgAAkCN0AACAHKEDAADkCB0AACBH6AAAADlCBwAAyB E6AABAjtABAAByhA4AAJAjdAAAgByhAwAA5AgdAAAgR%20gAAA A5QgcAAMgROgAAQI7QAQAAcoQOAACQI3QAAIAcoQMAAOQIHQAA IEfoAAAAOUIHAADIEToAAECO0AEAAHKEDgAAkCN0AACAHKEDAA DkCB0AACBH6AAAADlCBwAAyBE6AABAjtABAAByhA4AAJAjdAAA gByhAwAA5AgdAAAgR%20gAAAA5QgcAAMgROgAAQI7QAQAAcoQO AACQI3QAAIAcoQMAAOQIHQAAIEfoAAAAOUIHAADIEToAAECO0A EAAHKEDgAAkCN0AACAHKEDAADkCB0AACBH6AAAADlCBwAAyBE6 AABAjtABAAByhA4AAJAjdAAAgByhAwAA5AgdAAAgR%20gAAAA5 QgcAAMgROgAAQI7QAQAAcoQOAACQI3QAAIAcoQMAAOQIHQAAIE foAAAAOUIHAADIEToAAECO0AEAAHKEDgAAkCN0AACAHKEDAADk CB0AACBH6AAAADlCBwAAyBE6AABAjtABAAByhA4AAJAjdAAAgB yhAwAA5AgdAAAgR%20gAAAA5QgcAAMgROgAAQI7QAQAAcoQOAA CQI3QAAIAcoQMAAOQIHQAAIEfoAAAAOUIHAADIEToAAECO0AEA AHKEDgAAkCN0AACAHKEDAADkCB0AACBH6AAAADlCBwAAyBE6AA BAjtABAAByhA4AAJCzK3TGGJfaAQAAcDYuOgAAQI7QAQAAcoQO AACQI3QAAIAcoQMAAOQIHQAAIEfoAAAAOUIHAADIEToAAEDOaf UAAOB3Hp6fVk8AOAyhA7DDuF29gGv28Lx6AcBx%20HQNAADIET oAAECO0AEAAHKEDgAAkCN0AACAHKEDAADkCB0AACBH6AAAADlC BwAAyBE6AABAjtABAAByhA4AAJAjdAAAgByhAwAA5AgdAAAgR% 20gAAAA5QgcAAMgROgAAQI7QAQAAcoQOAACQI3QAAIAcoQMAAO QIHQAAIEfoAAAAOUIHAADIEToAAECO0AEAAHKEDgAAkCN0AACA HKEDAADkCB0AACBH6AAAADlCBwAAyBE6AABAjtABAAByhA4AAJ AjdAAAgByhAwAA5AgdAAAgR%20gAAAA5QgcAAMgROgAAQI7QAQ AAcoQOAACQI3QAAIAcoQMAAOQIHQAAIEfoAAAAOUIHAADIEToA AECO0AEAAHKEDgAAkCN0AACAHKEDAADkCB0AACBH6AAAADlCBw AAyBE6AABAjtABAAByhA4AAJAjdAAAgByhAwAA5AgdAAAgR%20 gAAAA5QgcAAMgROgAAQI7QAQAAcoQOAACQI3QAAIAcoQMAAOQI HQAAIEfoAAAAOUIHAADIEToAAECO0AEAAHKEDgAAkCN0AACAHK EDAADkCB0AACBH6AAAADlCBwAAyBE6AABAjtABAAByhA4AAJAj dAAAgByhAwAA5AgdAAAgR%20gAAAA5QgcAAMgROgAAQI7QAQAA coQOAACQI3QAAIAcoQMAAOQIHQAAIEfoAAAAOUIHAADIEToAAE CO0AEAAHKEDgAAkCN0AACAHKEDAADkCB0AACBH6AAAADlCBwAA yBE6AABAjtABAAByhA4AAJAjdAAAgByhAwAA5AgdAAAgR%20gA AAA5QgcAAMgROgAAQI7QAQAAcoQOAACQI3QAAIAcoQMAAOQIHQ AAIEfoAAAAOUIHAADIEToAAECO0AEAAHKEDgAAkCN0AACAHKED AADkCB0AACBH6AAAADlCBwAAyBE6AABAjtABAAByhA4AAJAjdA AAgByhAwAA5AgdAAAgR%20gAAAA5QgcAAMgROgAAQI7QAQAAco QOAACQI3QAAIAcoQMAAOQIHQAAIEfoAAAAOUIHAADIEToAAEDO ac%20P55yX2gEAAHA2LjoAAECO0AEAAHKEDgAAkCN0AACAHKED AADkCB0AACBH6AAAADlCBwAAyBE6AABAjtABAAByhA4AAJAjdA AAgJwvOFAe4BUzLnoAAAAASUVORK5CYII=
SRETNO