JAVASCRIPT - INTERATIVIDADE DA WEB
JS ou Javascript como você queira chamar, uma linguagem de programação íncrivel e poderosa no mundo da web. Quem quer se tornar um Desenvolvedor web e de aplicativos precisa saber programar em js.
Não é a toa que é uma das linguagens de programação top 10 do ranking segundo o site da TIOBE está como a 7 mais popular no mês de agosto de 2021, site famoso que mostra o ranking. Preciso saber programar esse é o primeiro passo , depois escolha uma linguagem. Qual ? Vou falar um pouco da minha história, hoje eu programo mais em python, mas começei usando o c++, js, java, c e agora parei no python como foco principal em estudos, trabalho e pesquisa.
Fácil , flexível, sintaxe simples, aprendizado rápido, pois só precisa do seu browser pra começar. Sim, todas essas são suas qualidades.
código - Script: Conversão de Celsius para Fahrenheit e Vice-versa
HTML
<!DOCTYPE html>
<html>
<head>
<title>Parcel Sandbox</title>
<metacharset="UTF-8" />
</head>
<body>
<inputtype="radio" name="converter" id="CtoF" />Celsius para Fahreinheit<br />
<inputtype="radio" name="converter" id="FtoC" />Fahreinheit para Celsius<br />
Converter valor: <input id="num" type="number" /><br />
<button onclick="main()">Calcular</button><br />
Resposta:
<div id="resposta" style="display: inline;"></div>
<br />
<script src="src/index.js"></script>
</body>
</html>
JS
function main() {
var num=parseInt(document.getElementById("num").value);
var resp=document.getElementById("resposta");
if(document.getElementById("CtoF").checked==true)
resp.innerHTML=ctof(num);
if(document.getElementById("FtoC").checked==true)
resp.innerHTML=ftoc(num);
}
function ctof(x) {
return1.8*x+32;
}
function ftoc(x) {
return((x-32)*5)/9;
}
EXPLICANDO...
Você deve está pensando e agora não sei o que está acontecendo nesse monte de códigos, pois é a primeira vista parece ser muito difícil, mas é muito simples, vou simplificar! Tenho uma função que eu chamei de main(), essa função vai ser invocada ao clicar no botão calcular com o onclick, depois criei duas funções a primeira faz o cáculo e converte de celsius para fahrenheit e o segundo faz o contrário, (.checked) vai checar qual radiobutton foi selecionado e chamar a função correta. E por último , criei uma variável resp acessando o método innerHTML para retornar o número digitado no input.
UFA... Acabou !
Quer aprimorar mais nessa linguagem de programação? Visite meu Repositório do Github tenho dois repositórios muito bacana pra você já começar a estudar e criar soluções importantes em algoritmos com lógica de programação.
Gostou? Deixa teu curtir e comenta ai nos comentários , se ficou com dúvida ou tem uma sugestão!