Aula 02 Imersão Dev Conversor de moedas
32https://www.google.com/search?q=sintaxe+de+linguagem+de+programa%C3%A7%C3%A3o&oq=sintaxe+de+linguagem&aqs=chrome.0.0i512j69i57j46i10j0i10l7.5075j1j9&sourceid=chrome&ie=UTF-8
https://codepen.io/imersao-dev/pen/zYNOZRX
HTML
div class="container"
h1 class="page-title"
Conversor de moedas
/h1
p class="page-subtitle"
Descubra os valores em dolar U$
/p
img src="https://www.alura.com.br/assets/img/imersoes/dev-2021/logo-imersao-conversor-de-moedas.svg" class="page-logo" alt=""br br
label for="moeda" Insira o valor /label br
input type="number" id="valor" size="2" / br
button type="submit" onclick="Converter()"Converter/button
h2 id="valorConvertido" /h2
/div
a href="https://alura.com.br/" target="_blank"
img src="https://www.alura.com.br/assets/img/home/alura-logo.svg" alt="" class="alura-logo"
CSS
body {
font-family: "Roboto Mono", monospace;
min-height: 400px;
background-image: url("https://www.alura.com.br/assets/img/imersoes/dev-2021/dia-1-conversor-de-moedas.png");
background-color: #000000;
background-size: 100vh;
background-position: center bottom;
background-repeat: no-repeat;
}
.container {
text-align: center;
padding: 20px;
height: 100vh;
}
.page-title {
color: #ffffff;
margin: 0 0 5px;
}
.page-subtitle {
color: #ffffff;
margin-top: 5px;
}
.page-logo {
width: 200px;
}
.alura-logo {
width: 40px;
position: absolute;
top: 10px;
right: 10px;
}
input {
margin: 12px;
padding: 6px;
border-radius: 5px;
}
label {
color: white;
}
button {
margin-top: 12px;
padding: 4px 8px;
border-radius: 10px;
background: #ffffff;
}
h2 {
color: #ffffff;
font-size: 30px;
}
https://codepen.io/
https://developer.mozilla.org/pt-BR/docs/Web/JavaScript/Guide/Expressions_and_operators
https://codepen.io/imersao-dev/details/cd51f297c0a006ec3090761e6c382c9b
https://developer.mozilla.org/pt-BR/docs/Web/JavaScript
https://hipsters.tech/primeiros-passos-na-programacao-a-imersao-dev-hipsters-ponto-tech-243/
https://www.youtube.com/watch?v=NaVSbnnV75Q
https://www.youtube.com/watch?v=Bmw_6oOvO3s