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