0% acharam este documento útil (0 voto)

26 visualizações2 páginas

Aula 7 - Javascript

A aula 7 do curso de Web Designer aborda aplicações básicas de JavaScript, focando na criação de uma tela de cadastro. O código apresentado inclui o uso de tags HTML e JavaScript, como <script> e function, além de uma função que exibe uma mensagem de alerta ao enviar o formulário. O documento também contém comentários explicativos sobre cada parte do código.

Enviado por

phbass45

Direitos autorais

Levamos muito a sério os direitos de conteúdo. Se você suspeita que este conteúdo é seu, reivindique-o aqui.

Formatos disponíveis

Baixe no formato PDF, TXT ou leia on-line no Scribd

0% acharam este documento útil (0 voto)

26 visualizações2 páginas

Aula 7 - Javascript

Enviado por

phbass45

Direitos autorais

Levamos muito a sério os direitos de conteúdo. Se você suspeita que este conteúdo é seu, reivindique-o aqui.

Formatos disponíveis

Baixe no formato PDF, TXT ou leia on-line no Scribd

Curso Web designer HTML5 / CSS Javascript

Aula 7: Aplicações Básicas de JavaScript

Objetivo
Nesta aula, vamos aprender algumas aplicações básicas de JavaScript, como a
criação de uma tela de cadastro.

Tags Utilizadas

• <script>: Contém código JavaScript.

• function: Define uma função em JavaScript.

• alert(): Exibe uma mensagem de alerta.

Código com Comentários

html

<!DOCTYPE html>

<html lang="pt-BR">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0"> <!--

Configura a área visível e a escala da página -->

<title>A Internet em Nossas Vidas</title>

<script>

function exibirMensagem() {

alert('Cadastro realizado com sucesso!'); <!-- Função que exibe uma

mensagem de alerta -->

</script>

</head>

<body>

<h1>A Internet em Nossas Vidas</h1>

<h2>Tela de Cadastro</h2>

<form onsubmit="exibirMensagem()"> <!-- Formulário com ação de enviar que

chama a função JavaScript -->

<label for="nome">Nome:</label> <!-- Rótulo do campo de entrada de texto --

<input type="text" id="nome" name="nome"> <!-- Campo de entrada de texto -

<br>

<label for="email">Email:</label> <!-- Rótulo do campo de entrada de email --

<input type="email" id="email" name="email"> <!-- Campo de entrada de

email -->

<br>

<input type="submit" value="Cadastrar">

</form>

</body>

Aula 7 - Javascript

Enviado por

Aula 7 - Javascript

Enviado por

Curso Web designer HTML5 / CSS Javascript

Aula 7: Aplicações Básicas de JavaScript

• <script>: Contém código JavaScript.

• function: Define uma função em JavaScript.

• alert(): Exibe uma mensagem de alerta.

Código com Comentários

<!DOCTYPE html>

<html lang="pt-BR">

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0"> <!--

<title>A Internet em Nossas Vidas</title>

<script>

alert('Cadastro realizado com sucesso!'); <!-- Função que exibe uma

<body>

<h1>A Internet em Nossas Vidas</h1>

<form onsubmit="exibirMensagem()"> <!-- Formulário com ação de enviar que

<label for="nome">Nome:</label> <!-- Rótulo do campo de entrada de texto --

<input type="text" id="nome" name="nome"> <!-- Campo de entrada de texto -

<label for="email">Email:</label> <!-- Rótulo do campo de entrada de email --

<input type="email" id="email" name="email"> <!-- Campo de entrada de

<input type="submit" value="Cadastrar">

</html>

Você também pode gostar