Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Prosty skrypt na wyświetlanie daty i komunikatów. Pomocy.
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
Hadol
27.12.2014, 14:18:08
Witam tak jak w temacie próbuje napisać jako zadanie prosty skypt java ale coś mi nie działą treść zadania jest taka:
Stwórz dokument XHTML.
Dodaj w treści skrypt wyświetlający w dokumencie przywitanie (document.write).
Dodaj też 3 rodzaje powitalnych popup'ów (alert, confirm, prompt).
Dodaj warunek, który zależnie od godziny (czas) zachęci do pracy lub wygoni do domu ( var data = new Date(); var czas = data.getHours() ).
W razie problemów podejrzyj konsolę błędów.
Używając instrukcji switch uzależnij swoją rekflekcję od dnia tygodnia ( var dzien=data.getDay() )
Aby powitania nie pojawiały się od razu umieść je w funkcji powitaj().
Dodaj link (poza skryptem), który uruchomi powitanie (atrybut onclick="powitaj()").
Przenieś skrypt do osobnego pliku.
Używając pętli for wypisz powitania powiększającymi się nagłówkami (znaczniki <hX>).
W pętli while drukuj losowe liczby ( var los=Math.random() ) dopóki będą one >0.1.

A ja mam coś takiego:
[PHP] pobierz, plaintext 
  1.     <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2.     <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">
  3.     <head>
  4.     <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  5.     <title>Witaj</title>
  6.  
  7.     <script language="JavaScript">
  8.     var data = new Date();
  9.  
  10.     switch(data.getDay()){
  11.  
  12.       case 0 : dzien = "niedziela"; break;
  13.  
  14.       case 1 : dzien = "poniedziałek"; break;
  15.  
  16.       case 2 : dzien = "wtorek"; break;
  17.  
  18.       case 3 : dzien = "środa"; break;
  19.  
  20.       case 4 : dzien = "czwartek"; break;
  21.  
  22.       case 5 : dzien = "piątek"; break;
  23.  
  24.       case 6 : dzien = "sobota"; break;
  25.  
  26.     }
  27.  
  28.     document.write("Witaj Dziś jest " + dzien + ".");
  29.     function powitanie() {
  30.     czas = new Date();
  31.     godzina = czas.getHours();
  32.     if ( godzina > 6, dzien >= 1) {
  33.     window.prompt("Czas pracować!");
  34.     } else
  35.     if ( godzina > 16, dzien = 0  ) {
  36.     window.confirm("Koniec pracy!");
  37.     } else {
  38.     window.alert("Nie sądzisz, że pora już iść do domu?!");
  39.     }
  40.     }
  41.     </script>
  42.  
  43.     </head>
  44.     <body>
  45.     <button onclick="powitanie()" type=button>Kliknij</button>
  46.     </body>
  47.     </html>
[PHP] pobierz, plaintext




Jestem w tym zupełnie zielony a z poradników z neta nic nie ogarniam, proszę o pomoc wink.gif
Turson
27.12.2014, 14:30:20
Javascript != Java
To praca domowa? Czego jeszcze nie masz?
Hadol
27.12.2014, 18:25:48
Tak potrzebuje to zrobić na jutro.
rad11
27.12.2014, 20:44:40
plik index.html
[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3. 	<title></title>	
  4. <script type="text/javascript" src="scripts.js"></script>
  5. </head>
  6. <body>
  7. 	<button onclick="powitanie()" type=button>Kliknij</button>
  8. </body>
  9. </html>
[HTML] pobierz, plaintext


plik scripts.js

[PHP] pobierz, plaintext 
  1.  
  2. 	var data = new Date();
  3.  
  4.     switch(data.getDay()){
  5.  
  6.       case 0 : dzien = "niedziela"; break;
  7.  
  8.       case 1 : dzien = "poniedziałek"; break;
  9.  
  10.       case 2 : dzien = "wtorek"; break;
  11.  
  12.       case 3 : dzien = "środa"; break;
  13.  
  14.       case 4 : dzien = "czwartek"; break;
  15.  
  16.       case 5 : dzien = "piątek"; break;
  17.  
  18.       case 6 : dzien = "sobota"; break;
  19.  
  20.     }
  21.  
  22.     document.write("Witaj Dziś jest " + dzien + ".");
  23.  
  24.     function powitanie() {
  25. 	    czas = new Date();
  26. 	    godzina = czas.getHours();
  27. 	    if ( godzina > 6, dzien >= 1) {
  28. 	    	window.prompt("Czas pracować!");
  29. 	    } else
  30. 	    if ( godzina > 16, dzien = 0  ) {
  31. 	    	window.confirm("Koniec pracy!");
  32. 	    } else {	
  33. 	    	window.alert("Nie sądzisz, że pora już iść do domu?!");
  34. 	    }
  35.     }
  36.  
  37.     var html = '<ul>';
  38. 	var los=Math.random();
  39.     var i = 0;
  40.     while(i < 100000000000000){
  41.     	var los=Math.random();
  42.  
  43.     	if(los > 0.1){
  44.     		html += '<li>'+los+'</li>';
  45.     	}else{
  46.     		break;
  47.     	}
  48.     	i++;
  49.     }
  50.     html += '</ul>';
  51.  
  52.     document.write(html);
  53.  
  54.     for(var i=1;i<7;i++){
  55.  
  56.     	document.write('<h'+i+'>Naglowek '+i+'<h'+i+'>');
  57.  
  58.     }
[PHP] pobierz, plaintext
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.