beginners-step-by-step-coding-course-learn-computer-programming-the-easy-way

Page 272

Input and output One of the best features of the Web is that it is interactive. Using JavaScript, it is possible to program a web page to output information to the user in different forms, as well as to accept input from the user in various ways.

An alert box can be created inside a <script> tag

The value of the variable to display in the alert box

<div id="name"> <script>

<script>

The document object can be accessed inside a <script> tag

The value of the variable to write to document.write(name); the screen

var name = "Alice";

var name = "Alice"; alert(name);

</script>

</script>

</div> The alert method displays an alert box

The document.write method inserts text into the HTML

Insert data into the HTML output This allows programmers to execute JavaScript and output some data into the HTML at the exact location where they want the output to appear on screen.

Show a modal alert box An alert box is a modal window that opens above the normal browser window with a message. Users cannot continue until they dismiss the alert box.

User input There are several ways to capture user input and work with the data in JavaScript. The choice of input method depends on the degree of urgency involved in entering the data, whether the input fields need to conform to the visual style of the page, or whether the user must answer the questions in a specific order.

Prompt A prompt is a modal message box that asks the user for a single line of input. The user must answer the question before doing anything else in the browser. Prompts are helpful in cases where the user must answer questions urgently or in a specific order.

This page says Please enter your first name

Cancel

OK


Turn static files into dynamic content formats.

Create a flipbook

Articles inside

Other programming languages

5min
pages 344-347

PROJECT: Responsive website

52min
pages 304-343

ACKNOWLEDGMENTS

1min
page 360

INDEX

26min
pages 352-359

GLOSSARY

16min
pages 348-351

Graphic user interfaces

2min
pages 286-287

Libraries and frameworks

2min
pages 284-285

Object-oriented JavaScript

2min
pages 282-283

JavaScript debugging

3min
pages 280-281

Functions in JavaScript

2min
pages 278-279

Input and output

3min
pages 272-273

Loops in JavaScript

5min
pages 274-277

Logic and branching

2min
pages 270-271

Variables and data types

6min
pages 266-269

PROJECT: Styling the web

29min
pages 242-263

Code editors

4min
pages 208-209

Build a better website

4min
pages 214-215

Responsive layouts

2min
pages 240-241

HTML forms and hyperlinks

3min
pages 212-213

How the Web works

3min
pages 206-207

Exploring basic HTML

4min
pages 210-211

Pygame Zero

2min
pages 176-177

PROJECT: Budget manager

20min
pages 158-175

Logic operators and branching

3min
pages 104-105

Objects and classes

2min
pages 156-157

PROJECT: Team allocator

14min
pages 118-129

Libraries

3min
pages 116-117

What is Python?

3min
pages 94-95

Loops in Python

5min
pages 108-111

Installing Python

3min
pages 96-97

Using functions

3min
pages 50-51

Sending messages

3min
pages 48-49

Input

3min
pages 46-47

Logic and decisions

3min
pages 44-45

Managing program flow

4min
pages 40-41

Manipulating data

3min
pages 42-43

Output using movement

4min
pages 36-37

Output using looks and sounds

4min
pages 38-39

Coloured blocks and scripts

3min
pages 34-35

FOREWORD

2min
pages 10-11

What is programming?

3min
pages 16-17

Programming languages

6min
pages 22-27

What is Scratch?

2min
pages 28-29

About this book

3min
pages 12-15

Working as a software developer

2min
pages 20-21

Coding in the real world

1min
pages 18-19
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.