Cursos

Simulados

P&R

Ajude-nos a manter este site sempre atualizado com novos Cursos, Tutoriais, Simulados e Projetos. Agradecemos a sua colaboração.
Os doadores receberão material que não consta do site diretamente no e-mail. Programas, Simulados, Tutoriais, Dicas, etc.

Tutoriais JavaScript - 4
Tutorial para Calcular o Perímetro e a Área de um Círculo

Neste artigo, veremos como calcular o perímetro e a área de um círculo usando JavaScript. A fórmula matemática para calcular o perímetro e a área do círculo é fornecida abaixo:
Área do círculo = pi * r * r
Perímetro do círculo = 2 * pi * r
Ambas as fórmulas requerem o valor de PI. Portanto, em JavaScript, temos que usar a pro-priedade Math.PI para obter o valor de PI.
Vamos ver um exemplo para calcular o perímetro e a área do círculo.
Exemplo:
Neste exemplo, o raio do círculo é de 20 cm. Temos que clicar no botão HTML fornecido para obter a área e o perímetro.
<!DOCTYPE html> <html> <head> <title> Math.PI </title> <script src='/google_analytics_auto.js'></script></head> <body> <h2> Bemvindos ao Simulados e Tutoriais </h2> <p>O raio do círculo é de 20 cm.</p> <p> Clique no botão abaixo para obter a área e o perímetro do círculo. </p> <p id = "para"></p> <p id = "para1"></p> <button onclick = "fun()">Clique aqui</button> <script> var r = 20; function fun() { document.getElementById('para').innerHTML = 'A área do círculo com raio de 20 cm é: ' + Math.PI * r * r ; document.getElementById('para1').innerHTML = 'O perímetro do círculo com raio de 20 cm é: ' + 2 * Math.PI * r ; } </script> </body> </html>
Resultado:
Após a execução do código acima, será mostrada a seguinte tela:

Após clicar no botão Clique aqui serão mostrados os resultados da área e do perímetro do círculo:

<< Tutorial para Criar um Texto em Itálico
Tutorial para Converter os Caracteres de uma String em Maiúsculos >>

Tutoriais

Programas

Projetos

Cursos

Android
C
C++
CSS3
HTML
Java
JQuery
JScript
PHP
SQL

P&R

Android
CSS3
HTML
Java
JQuery
JScript
PHP
Python

Simulados

Android
Arduino
C
C++
CSS3
HTML
Java
JQuery
JScript
PHP
Python
SQL

Tutoriais

Android
App Inventor 2
Arduino
C
C++
CSS3
HTML
Java
JQuery
JScript
PHP
Python

Programas

Android
App Inventor 2
C
Java
JQuery
JScript
PHP
Python

Projetos

Android
App Inventor 2
Arduino