38 JavaScript Wyświetlanie komunikatów

Presentation

•

Computers

•

Practice Problem

•

Hard

Małgorzata WP

Used 3+ times

FREE Resource

12 Slides • 0 Questions

W Y Ś W I E T L A N I E
K O M U N I K AT Ó W

N A E K R A N I E .

O K N A D I A L O G O W E

M W P

ZAGADNIENIA

■

Działanie instrukcji document.write

■

Formatowanie wyświetlanego tekstu

■

Definicja okna dialogowego

■

Rodzaje okien dialogowych

WYŚWIETLANIE TEKSTU

Aby wyświetlić dowolny tekst na ekranie przeglądarki, używamy instrukcji
document. write:

document.write("Komunikat");

ĆWICZENIE 1

<html>

<head>

<title>Skrypt Nr l</title>

</head>

<body>

document.write("To mój pierwszy skrypt");

</script>

</body>

</html>

FUNKCJA WRITE

Argumenty funkcji write są traktowane przez przeglądarkę jak tekst w HTML-u.

Oznacza to, że w wyświetlanych komunikatach można wstawiać zarówno dowolne
znaczniki formatujące tekst, jak i znaczniki przejścia do nowego wiersza itd.

ĆWICZENIE 2

<html>

<head>

<title>Skrypt Nr l</title>

</head>

<body>

document.write("<hl>To mój pierwszy <b>skrypt</b></hl>"); document.write("<br>Każdy
kolejny <i>komunikat</i> może być sformatowany znacznikami HTML");

</script>

</body>

</html>

OKNO DIALOGOWE

Okno dialogowe to narzędzie, które pozwala na interakcję z użytkownikiem.

W języku JavaScript istnieją trzy rodzaje okien dialogowych:

• informacyjne,

• decyzyjne,

• tekstowe.

OKNA INFORMACYJNE

Okna informacyjne są przeznaczone do przekazania określonej informacji i nie mają

wpływu na dalsze działanie skryptu. Do wyświetlenia tego rodzaju okna służy metoda

alert:

alert("Witamy na stronie!");

OKNO DECYZYJNE

Służy do wyświetlenia treści komunikatu oraz dwóch przycisków - OK i Anuluj,
które

wciśnięciu

zwracają

wartość

logiczną

true lub

false.

Postać przykładowej instrukcji:

confirm("Czy chcesz otworzyć stronę?");

OKNA TEKSTOWE

Są przeznaczone do wyświetlenia komunikatu oraz pola umożliwiającego
wprowadzanie danych przez użytkownika. Do utworzenia takiego okna dialogowego
służy metoda prompt:

prompt("Podaj swoje imię: ");

SPRAWDŹ SWOJĄ WIEDZĘ

Podaj postać instrukcji document. write.

Opisz, jak można sformatować tekst wyświetlany przez skrypt.

Omów rodzaje okien dialogowych w JavaScript.

W jaki sposób można wyświetlić okno dialogowe na stronie?

DZIĘKUJĘ!

M A LWA G P I E @ G M A I L . C O M

W Y Ś W I E T L A N I E
K O M U N I K AT Ó W

N A E K R A N I E .

O K N A D I A L O G O W E

M W P

Show answer

Auto Play

Slide 1 / 12

SLIDE

Similar Resources on Wayground

10 questions

Evaluating Algebraic Expressions

Lesson

•

5th - 8th Grade

10 questions

HTML (Computer)

Lesson

•

5th - 8th Grade

10 questions

ÔN TẬP CÂU LỆNH IF_THEN

Lesson

•

Professional Development

8 questions

Categorizing Data: Statistical vs Non-statistical questions

Lesson

•

6th - 9th Grade

9 questions

Czasownik to be

Lesson

•

4th - 5th Grade

10 questions

6 Unități de măsură pentru memorie

Lesson

•

5th - 9th Grade

10 questions

Simple Interest

Lesson

•

8th Grade

10 questions

Mikołajkowa matematyka

Lesson

•

1st - 5th Grade

Popular Resources on Wayground

7 questions

History of Valentine's Day

Interactive video

•

4th Grade

15 questions

Fractions on a Number Line

Quiz

•

3rd Grade

20 questions

Equivalent Fractions

Quiz

•

3rd Grade

25 questions

Multiplication Facts

Quiz

•

5th Grade

$fractions$

22 questions

fractions

Quiz

•

3rd Grade

15 questions

Valentine's Day Trivia

Quiz

•

3rd Grade

20 questions

Main Idea and Details

Quiz

•

5th Grade

20 questions

Context Clues

Quiz

•

6th Grade

Discover more resources for Computers

12 questions

Presidents' Day

Quiz

•

KG - 5th Grade

11 questions

FOREST Growth Mindset

Lesson

•

10 questions

THEME

Quiz

•

KG - University

7 questions

Copy of G5_U5_L14_22-23

Lesson

•

KG - Professional Dev...

10 questions

Add & Subtract Mixed Numbers with Like Denominators

Quiz

•

KG - University

10 questions

Long i- igh, ie, and y Quiz

Quiz

•

KG - 3rd Grade

10 questions

2D & 3D Shapes

Quiz

•

20 questions

Capitalization in sentences

Quiz

•

KG - 4th Grade