- Strona główna
- La Rambla
La Rambla
Witaj na La Rambla
Witamy na La Rambla, gdzie dyskusje toczą się całą dobę! La Rambla to dział stworzony specjalnie dla zarejestrowanych Użytkowników FCBarca.com. Zapraszamy do rejestracji oraz dyskusji nie tylko o Barcelonie i nie tylko o piłce nożnej. W tym dziale obowiązuje regulamin serwisu FCBarca.com, który znajdziecie tutaj.
La Rambla
Online: 794 Culés
Gorące dyskusje
FcPortoFan1999
5
Bez reprezentacji Polski do drugiej połowy września.Troszkę smutno.
15 odpowiedzi
John_Doe
0
@draxidox +1 Podczas pandemii cały naród musiał się składać żeby ich biznesy nie upadły...
162 odpowiedzi
LAMC_10
11
Maja Chwalińska.https://twitter.com/i/status/2062128793297236287
20 odpowiedzi
Media
Sonda
MVP sezonu 2025/26 FC Barcelony jest:
Komunikat
Polecający
Ładowanie...
Historia komentarza
Ładowanie...
Online: 794 Culés
1
Mam problem z JavaScriptem. Mam takie polecenie do zadania:
"Wyświetl okienko wyposażone w dwa przyciski i poproś użytkownika o podjęcie decyzji. Zapytaj „Jaka jest pogoda?” Odpowiedzi „Piękna” lub „Paskudna”.
"
problem w tym, że zrobie confirm() tylko jak zmienić tekst tych przycisków? na necie znalazłem tylko rozwiązania z użyciem jquery a powinienem to zrobić bez tego. ktoś coś?
1
@RobiS Nie da się
https://stackoverflow.com/questions/22885897/javascript-rename-confirm-buttons
1
@RobiS Myśle że jeśli naprawde chcesz zrobić zadanie na dobrą ocene to zrobisz to kombinacją JavaScript i CSS dzięki czemu okienko będzie wyglądać i mieć jakiekolwiek przyciski będziesz chciał bo confirma czy alerta to chyba nikt zdrowy na umyśle na prawdziwych stronqch nie używa :p
2
@RobiS nie musisz tego robić przez alert. Możesz stworzyć własny element html, który się pokaże i dodać dwa przyciski button i do każdego dać inny tekst. Daj position fixed okienku, które stworzysz i wypozycjonuj za pomocą atrybutów css top i left (najlepiej na samej górze na środku)
2
@don'T.R.I.P.e no cóż, taka podstawa programowa xd
2
@Avatarr no właśnie tylko problem w tym, że to ma być w javascript a nie html+css :P
chyba po prostu odpuszcze ten etap zadania i uj xd
1
@RobiS możesz wyrenderowac html ze stylami inline tylko w JavaScript. Problem solved :) (style inline to zło, ale jak ma to pomoc... xd)
0
@RobiS Jak kolega wyżej pisze możesz renderować html i css w js. Jeśli przy okazji nie chcesz pisać html i css, to zrób to przez funkcje document.createElement oraz właściwości element.style.nazwa_wlascuwosci_css. To szeroki temat ogólnie ale https://www.w3schools.com/jsref/met_document_createelement.asp
https://www.w3schools.com/jsref/prop_html_style.asp
1
@RobiS Nie wiem na jakim poziomie jesteś, ale zakładam, że dopiero zaczynasz więc napiszę Ci to w bardzo podstawowy sposób, tak aby łatwo było Ci zrozumieć koncepcję, a jeżeli będziesz miał ochotę to sobie zmodyfikujesz kod, ponieważ da się to napisać dużo ładniej z wykorzystaniem lepszych metod.
window.onload = weatherToday();
function weatherToday() {
let question = document.createElement("p");
let btn = document.createElement("button");
let btn2 = document.createElement("button");
question.innerHTML = "Jaką mamy dziś pogodę?";
btn.innerHTML = "dobrą";
btn2.innerHTML = "złą";
document.body.appendChild(question);
document.body.appendChild(btn);
document.body.appendChild(btn2);
}
1. window.onload - wywołuje naszą funkcję w momencie kiedy cały dokument się załaduje. Zamiast tego, możesz użyć DOMContentLoaded bądź bardziej zaawansowane immediately invoked function expression.
2. document.createElement - tworzymy nasze elementy, które wykorzystamy sobie później na naszej stronie. W tym przypadku jest to question, btn i btn1 - które odpowiadają kolejno - paragrafowi, buttonowi i buttonowi. Na razie stworzyliśmy tylko elementy, które nie są przypisane do naszego DOM.
3. element.innerHTML - Ustawiamy w danym elemencie jego treść. InnerHTML zezwala nam na wprowadzenie treści przy użyciu HTML, np < strong>text< /strong>, równie dobrze w tym przypadku moglibyśmy użyć element.innerText ponieważ wprowadzamy tylko czysty tekst, ale dla prostoty pozostańmy przy tym.
4. document.body.appendChild - (element.appendChild) - wstawiamy element na koniec listy dzieci określonego rodzica w strukturze DOM. W tym przypadku wstawiamy element na koniec ciała dokumentu.
Tak jak mówię, to jest tylko prosta koncepcja abyś zrozumiał o co chodzi w zadaniu, pobaw się tym ponieważ można to zrobić na prawdę o wiele lepiej używając lepszych metod. Nie wiem czy wymaga tego zadanie, ale jeżeli będziesz chciał to do naszych buttonów możesz dodać EventListenera aby pobrać i wyświetlić odpowiedź użytkownika.
1
@tediko A co tam. Namieszam bardziej bo mi nie daje spokoju. window.onload nie jest równe window.addEventListener("DOMContentLoaded", callback). window.onload jest równe window.addEventListener("load", callback). Natomiast DOMContentLoaded jest bardziej jakby wstawić skrypt na koniec body.
0
@tediko Fuj JavaScript najgorszy język na świecie :p