Quinta, 05 de Novembro de 2026

Como desenvolver um conversor de dolar para real em código html

Esse é um exemplo simples, mas você pode adicionar mais funcionalidades e estilização para personalizar mais a sua página.

Por: Redação Acontece no RS
22/01/2023 às 00h24
Como desenvolver um conversor de dolar para real em código html

Para criar um conversor de dólar para real em código HTML, você pode seguir os seguintes passos:

  1. Crie uma nova página HTML e adicione o código básico, como a tag <html>, <head> e <body>.
  2. 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.
  3. Utilize JavaScript para ler o valor digitado no campo de entrada e calcular o valor convertido. Armazene o valor convertido em uma variável.
  4. 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.
  5. 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.