Para criar um conversor de dólar para real em código HTML, você pode seguir os seguintes passos:
- Crie uma nova página HTML e adicione o código básico, como a tag <html>, <head> e <body>.
- Adicione um formulário a sua página HTML, usando as tags <form> e <input>. O formulário deve conter um campo de entrada para que o usuário possa digitar o valor a ser convertido. Adicione também um botão de submit para enviar o formulário.
- Utilize JavaScript para ler o valor digitado no campo de entrada e calcular o valor convertido. Armazene o valor convertido em uma variável.
- Utilize JavaScript para atualizar o conteúdo de uma tag HTML existente na página com o valor convertido. Por exemplo, você pode criar uma tag <p> com o id "resultado" e atualizar o conteúdo dessa tag com o valor convertido.
- Faça a requisição da cotação do dólar via API e atualize a conversão para que seja sempre atualizada.
Exemplo de código HTML:
<html>
<head>
<script>
function convert() {
var dollar = document.getElementById("dollar").value;
var real = dollar * 5.58;
document.getElementById("result").innerHTML = real;
}
</script>
</head>
<body>
<form>
<label for="dollar">Valor em dólar:</label>
<input type="text" id="dollar">
<button onclick="convert()">Converter</button>
</form>
<p id="result"></p>
</body>
</html>
Esse é um exemplo simples, mas você pode adicionar mais funcionalidades e estilização para personalizar mais a sua página.