Onde é utilizada a linguagem JavaScript e o que ela pode fazer

Neste artigo, veremos as situações onde podemos utilizar o JavaScript e o que ela pode fazer.

Por Rogério Araújo
30 de Novembro de 2022 - 18h48 •3 min. de leitura

Fala, meus consagrados! Tudo beleza com vocês?

Neste artigo, veremos as situações onde podemos utilizar o JavaScript e o que ela pode fazer.

Teoria

A linguagem JavaScritpt pode ser utilizada:

Em páginas web no lado cliente;
Em muitos programas de desktop e servidor;
- O Node.js é o mais conhecido; e
Em alguns bancos de dados:
- MongoDB; e
- CouchDB.

Utilizando essa linguagem, pode-se:

Alterar:
- O conteúdo HTML;
- Valores de atributo HTML; e
- Estilos (CSS);
Ocultar elementos HTML; ou
Mostrar elementos HTML.

Alguns exemplos do que se pode fazer com JavaScript:

Alterando o conteúdo HTML:
- getElementById(“demo”).innerHTML = “Hello JavaScript”;
Alterando estilos (CSS):
- getElementById(“demo”).style.fontSize = “35px”;
Ocultando elementos HTML:
- getElementById(“demo”).style.display = “none”;
Mostrando elementos HTML:
- getElementById(“demo”).style.display = “block”;

Exemplo de página HTML com script JavaScript:

<!DOCTYPE html>
<html>
    <body>
        <h2>Introdução ao JavaScript</h2>
        <p id="demo"></p>
        <script>
            document.getElementById("demo").innerHTML = "Conteúdo inserido via JavaScript";
        </script>
    </body>
</html>

Resultado da execução do código:

Introdução ao JavaScript

Conteúdo inserido via JavaScript

No exemplo, temos um script JavaScript embutido em uma página HTML. No script, alteramos o conteúdo do elemento cujo atributo id é “demo”. Para isso, mapeamos da seguinte forma:

O objeto especial document representa a página web;
O elemento cujo atributo id é “demo” é mapeado pelo método do document chamado getElementById(), passando o valor “demo” como parâmetro;
O conteúdo do elemento é representado pela propriedade innerHTML.

Após a execução do script, o conteúdo do elemento com id “demo” é atualizado para “Conteúdo inserido via JavaScript”.

Questões de concursos

[FGV 2022 MPE/SC – Analista em Tecnologia da Informação] No contexto do JavaScript, analise um trecho do HTML de uma página web.

<div id="xpto">
    <p>Texto de teste 1</p>
    <p id="234">Texto de teste 2</p>
</div>

A linha de código que altera o tamanho da fonte do segundo parágrafo acima é:

[A] document.getElementById(“234″).style.fontSize=”48px”;

[B] document.getElementById(“xpto.234″).style.fontSize=”48px”;

[C] document.getElementById(p<“234″>).style.fontSize=”48px”;

[D] document.getElementsById(“div.p”).style.fontSize=”48px”;

[E] xpto.getElementById(“234″).style.fontSize=”48px”;

Comentários:

Aproveitando a instrução da questão, vamos criar uma página HTML com um script JavaScript:

<!DOCTYPE html>
<html>
    <body>
        <h2>Questões de concursos</h2>
        <div id="xpto">
            <p>Texto de teste 1</p>
            <p id="234">Texto de teste 2</p>
        </div>
        <script>
            document.getElementById("234").style.fontSize="48px";
        </script>
    </body>
</html>

Resultado da execução do script:

Questões de concursos

Texto de teste 1

Texto de teste 2

Na página web, temos um script JavaScript embutido. No script, altera-se o tamanho da fonte do do elemento cujo atributo id é “234”. Para isso, mapeamos da seguinte forma:

O objeto especial document representa a página web;
O elemento cujo atributo id é “234” é mapeado pelo método do document chamado getElementById(), passando o valor “234” como parâmetro;
O tamanho da fonte desse elemento é representado pela propriedade fontSize que vem de outra: style.

Após a execução do script, o tamanho da fonte do elemento com id “234” é atualizado para 48px.

Então, para que possamos usar a instrução citada no enunciado, a sintaxe correta é o que se encontra da letra a.

Gabarito: Letra A.

[FGV 2010 FIOCRUZ – Tecnologista em Saúde – Programação Visual – ADAPTADA] Sobre javascript, analise as afirmativas a seguir. (Marque CERTO ou ERRADO o texto do item)

[III] O javascript pode fornecer recursos de impressão amigável.

Comentários:

JavaScript é uma é uma linguagem de script utilizada para acrescentar interatividade a páginas HTML (páginas web). É uma linguagem para programar o comportamento de páginas web.

Portanto, o item está correto.

Gabarito: CERTO.

[CESPE 2013 UNIPAMPA – Programador Visual] Com referência a JavaScript, julgue os itens seguintes.

O uso de JavaScript possibilita a dinamicidade das páginas, que mudam com base na escolha do usuário, sem necessidade de que sejam recarregadas.

Comentários:

JavaScript é uma é uma linguagem de script utilizada para acrescentar interatividade a páginas HTML (páginas web), ou seja, é uma linguagem para programar o comportamento de páginas web.

Gabarito: CERTO.

Então é isso!
[]s e até a próxima!
_________________________
Professor Rogerão Araújo