0 Members and 1 Guest are viewing this topic.
.intro, .finish { padding: 10px 0; text-align: center;}.text { width: 90%; padding: 0 15px; margin: 0 auto;}.text h2 { color: blue; font-size: 4.5rem; font-weight: bold; line-height: 1.2;}.quiz { padding: 10px 0; background-color: #005ce6;}.question { margin: 50px 0;}.question p { margin: 10px 20px; color: gainsboro; font-size: 2.2em;}.check { margin: 20px 40px; color: gainsboro; font-size: 1.6em;}
{ box-sizing: border-box;}body{ font-size: 20px;}h1{ color: lightsalmon; padding: 10px; text-shadow: 5px 5px 5px rgb(243, 198, 180);}ul{ padding: 0px;}li{ list-style: none; background-color: rgb(243, 198, 180); color: rgb(236, 88, 30); width: 300px; padding: 10px; margin: 10px; border: 1px solid lightsalmon;}input{ margin: 10px; padding: 10px; border: 1px solid lightsalmon;}input[type='text']{ width: 300px; font-size: 20px; color: rgb(236, 88, 30);}input:focus{ outline: none; box-shadow: 0 0 10px lightsalmon;}
<html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="style.css"> <title>To Do Lista</title></head><body> <h1>Lista za kupovinu</h1> <ul> <li>Jabuke</li> <li>Tresnje</li> <li>Jagode</li> </ul> <!-- <script src="js/script.js"></script> --> <script src="js/script1.js"></script></body></html>
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>To do list</title> <link rel="stylesheet" href="./style.css" /> </head> <body> <h1>Lista za kupovinu</h1> <ul> <li>Breskva</li> <li>Jabuka</li> <li>Narandza</li> </ul> <script src="./script1.js"></script> </body></html>
db.collection("customers").get().then(function(querySnapshot) {querySnapshot.forEach(function(doc) {console.log(doc.id, " => ", doc.data());});}).catch(function(error) {console.log("Error getting documents: ", error);});
inputNewTask.addEventListener("keyup", (e) => { if (e.keyCode == 13) { let liNewTask = document.createElement("li"); let inputText = inputNewTask.value; const regexp = /^\S*$/; if (inputText == "") { alert("Ne mozes uneti prazan string u listu"); } else if (!regexp.test(inputText)) { alert("Unos ne sme sadrzate, space i tab karaktere"); } else { liNewTask.textContent = inputText; if (radioAppend.checked) { ulTask.append(liNewTask); } else { ulTask.prepend(liNewTask); } inputNewTask.value = ""; } }});
inputNewTask.addEventListener( 'keyup', (e) => { if( e.keyCode == 13 ){ console.log('kliknuto'); let liNewTask = document.createElement('li'); let inputText = inputNewTask.value; if( inputText.trim().length == 0 ){ alert('String ne sme da bude prazan!'); }else{ liNewTask.textContent = inputText; if (radioAppend.checked) { ulTasks.append(liNewTask); } else { ulTasks.prepend(liNewTask); } } inputNewTask.value = ''; }});
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>ITBootcamp</title> <link rel="stylesheet" href="style.css"></head><body> <div> <header> <h1>ITBootcamp Chat</h1> <nav> <h2>Choose a chatroom</h2> <div> <button id="general" class="btn">#general</button> <button id="js" class="btn">#js</button> <button id="test" class="btn">#test</button> <button id="homework" class="btn">#homework</button> </div> </nav> </header> <section> <ul> <!-- Poruke --> </ul> </section> <footer> <form id="formNewMessage"> <input type="text" name="inputMessage" id="inputMessage" placeholder="Your message..."> <input type="submit" value="Send" id="btnSend" class="btn"> </form> <form id="formUpdateUsername"> <input type="text" name="inputUsername" id="inputUsername" placeholder="New username..."> <input type="submit" value="Update username" id="btnUpdateUsername" class="btn"> </form> <div id="divUpdatedUsername"></div> </footer> </div> <!-- The core Firebase JS SDK is always required and must be listed first --> <script src="https://www.gstatic.com/firebasejs/7.12.0/firebase-app.js"></script> <script src="https://www.gstatic.com/firebasejs/7.12.0/firebase-firestore.js"></script> <!-- TODO: Add SDKs for Firebase products that you want to use https://firebase.google.com/docs/web/setup#available-libraries --> <script> // Your web app's Firebase configuration var firebaseConfig = { apiKey: "AIzaSyCsFzh26KMJOHv4oOH6kKdHInedKPCEAAo", authDomain: "itbootcamp-osnazivanje.firebaseapp.com", databaseURL: "https://itbootcamp-osnazivanje.firebaseio.com", projectId: "itbootcamp-osnazivanje", storageBucket: "itbootcamp-osnazivanje.appspot.com", messagingSenderId: "362629757491", appId: "1:362629757491:web:8fe2685b8e8142c3770146", measurementId: "G-PWFVHZSJC2" }; // Initialize Firebase firebase.initializeApp(firebaseConfig); let db = firebase.firestore(); </script> <!-- Povezivanje sa eksternim js fajlovima --> <script src="app.js" type="module"></script></body></html>11:08/* Opšta podešavanja */*{ box-sizing: border-box;}body{ margin: 0px; padding: 0px; text-align: center; color: purple;}.btn{ width: 200px; height: 40px; font-size: 18px; border: 0px; border-radius: 5px; background-color: purple; color: white;}.btn:hover{ background-color: rgb(70,9,70); cursor: pointer;}form{ margin: 5px; width: 100%;}input{ font-size: 20px; height: 30px; width: 400px; border-radius: 5px;}input:focus{ outline-width: 0px; border: 3px solid purple; border-radius: 5px;}.btn:focus{ outline-width: 0px;}/* Pozicioniranje: header, footer, ul */header, footer, ul{ position: absolute; /* Postaviti centralno */ left: 0; right: 0; overflow: hidden;}header{ top: 0; height: 25%;}footer{ bottom: 0; height: 20%;}ul{ list-style-type: none; font-size: 20px; /* Pozicioniranje ispod top sekcije i iznad bottom sekcije */ top: 25%; bottom: 20%; /* ul centralno postavljena, ali tekst levo poravnat */ text-align: left; width: 80%; margin: 0 auto; /* dodamo skrolovanje poruka */ overflow-y: auto; /* prelom bilo koje reči bez razmaka */ word-wrap: break-word;}ul>li{ /* width: 60%; */ background-color: thistle; margin-bottom: 10px; margin-right: 5px; padding: 20px; /* border-radius: 0px 20px 20px 20px; */}/* .me{ margin-left: auto; background-color: bisque !important; border-radius: 20px 0px 20px 20px !important;} */.username{ font-weight: bold;}.date{ color: grey;}#divUpdatedUsername{ font-size: 20px;}#spanNewUsername{ font-weight: bold;}/* .btn-selected{ background-color: rgb(50, 10, 50); color: bisque;} *//* Tablet i mobilni telefon */@media only screen and (max-width: 850px) { h1, h2{ font-size: 20px; } button.btn, input{ width: 45%; font-size: 15px !important; margin-bottom: 3px !important; padding: 0px !important; } ul{ font-size: 16px !important; width: 100% !important; } ul>li{ padding: 10px; }}
<script src="https://www.gstatic.com/firebasejs/7.14.3/firebase-firestore.js"></script>
error.ts:166 Uncaught FirebaseError: Function Query.where() requires a valid third argument, but it was undefined.Ovo se desilo kad sam dodala ovo, pre toga je sve radilo:getChats(callback){ this.chats .where('room', '==', this.room) .orderBy('created_at') .onSnapshot( snapshot => { snapshot.docChanges().forEach( change => { if(change.type == "added") { //dodaj novu poruku callback(change.doc.data()); } }) });Ako sklonim <script src="https://www.gstatic.com/firebasejs/7.14.3/firebase-firestore.js"></script>javlja se opet ona greska da firebase-firestore nije function.
const firebase = require("firebase");// Required for side-effectsrequire("firebase/firestore");
//DOM elementilet cr = new Chatroom('general', 'AA');let formNewMessage = document.querySelector('#formNewMessage');let inputMessage = document.querySelector('#inputMessage');let formUpdateUsername = document.querySelector('#formUpdateUsername');let inputUsername = document.querySelector('#inputUsername');let divUU = document.querySelector('#divUpdatedUsername');:eyes:1//Slanje nove porukeformNewMessage.addEventListener('submit', e => { e.preventDefault(); let textMessage = inputMessage.value; cr.addChat(textMessage) .then(() => {formNewMessage.reset()}) .catch(err => console.log(err))});//Promena korisničkog imenaformUpdateUsername.addEventListener('submit', e => { e.preventDefault(); let newUsername = inputUsername.value; cr.updateUsername(newUsername); formUpdateUsername.reset(); divUU.innerHTML = `Your name was updated to <span id="spanNewUsername">${newUsername}</span>`; setTimeout(() => divUU.innerText="", 3000);});
let htmlLI = `<li`; if(document.username == localStorage.username){ htmlLI += ` class="me">`; } else { htmlLI += `>`; } htmlLI += ` <span class="username">${document.username}</span> <span class="message">${document.message}</span> <div class="date">${document.created_at.toDate()}</div> </li>`; this.list.innerHTML += htmlLI;
let formUpdateColor = document.querySelector('#formUpdateColor');let inputColor = document.querySelector('#inputColor');//Promena pozadinske bojeformUpdateColor.addEventListener( 'submit', e => { e.preventDefault(); document.body.style.backgroundColor = inputColor.value; localStorage.setItem("bgcolor", inputColor.value);});Evo i index.html<form id="formUpdateColor"> <input type="color" name="inputColor" id="inputColor" value="#FFFFFF"> <input type="submit" value="Change color" id="btnChangeColor" class="btn"> </form>
let htmlLI = document.createElement('li'); if(doc.username == localStorage.username){ htmlLI.classList.add('me'); } let spanUser = document.createElement("SPAN"); spanUser.innerText = `${doc.username}`; let spanMess = document.createElement("SPAN"); spanMess.innerText = `${doc.message}`; let divDate = document.createElement("DIV"); divDate.innerText = `${this.formatDate(doc.created_at.toDate())}`; let icon = document.createElement('div'); icon.classList.add('z-index'); icon.innerHTML = "<i class='fa ${doc.username}' id='${document.message}'> </i>"; this.list.appendChild(htmlLI); htmlLI.appendChild(spanUser); htmlLI.appendChild(spanMess); htmlLI.appendChild(divDate); htmlLI.appendChild(icon); // htmlLI.appendChild('<i class="fa fa-trash-o" aria-hidden="true"></i>'); //skroll u chatu na dno liste this.list.scrollTop = this.list.scrollHeight;
if(term.split(0,2) === "Nj" || .... ){pocetnoSlovo =term.slice(0,2)}else {ocetnoSlovo =term.slice(0,1)}
Daniloexport function sortByFrequencyAndRemoveDuplicates(array) { var frequency = {}, value; // compute frequencies of each value for(var i = 0; i < array.length; i++) { value = array[i]; if(value in frequency) { frequency[value]++; } else { frequency[value] = 1; } } // make array from the frequency object to de-duplicate var uniques = []; for(value in frequency) { if(uniques.length == 5) { break; } else { uniques.push(value); } } // sort the uniques array in descending order by frequency function compareFrequency(a, b) { return frequency[b] - frequency[a]; } return uniques.sort(compareFrequency);}Ja sam ovaj bio naso, sortira po frekvenciji