1
resposta

Desafio: hora da prática 2/2

Implemente uma função que aceite um número como parâmetro e utilize um bloco condicional para determinar se o número é par ou ímpar.

HTML (PEDIR PARA O CHATGPT APENAS FAZER O HTML):

<!DOCTYPE html>
<html lang="pt-BR">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Verificador de Número Par ou Ímpar</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            margin: 50px;
        }
        input, button {
            padding: 10px;
            margin-top: 10px;
        }
        #resultado {
            margin-top: 20px;
            font-weight: bold;
        }
    </style>
</head>
<body>

    <h1>Verificador de Número Par ou Ímpar</h1>
    <label for="inputNumero">Digite um número:</label>
    <input type="number" id="inputNumero" placeholder="Ex: 42">
    <button onclick="verificarParOuImpar()">Verificar</button>
    <div id="resultado"></div>
    <script src="app.js"></script>
</body>
</html>

JAVASCRIPT:

function verificarParOuImpar () {
    let number = parseInt(document.getElementById('inputNumero').value);
    let textResult = document.getElementById('resultado')
    result = number % 2
    if (result == 0) {
        textResult.innerText = `O número ${number} é PAR`;
    } else {
        textResult.innerText = `O número ${number} é IMPAR`;
    }


}

Crie uma função que converta a temperatura de Celsius para Fahrenheit e vice-versa. Utilize uma variável para indicar a escala desejada e um bloco condicional para determinar qual conversão realizar

HTML ( PEDIR PARA O CHATGPT FAZER APENAS O HTML)?

<!DOCTYPE html>
<html lang="pt-BR">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Conversor de Temperatura</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            margin: 50px;
        }
        input, select, button {
            padding: 10px;
            margin-top: 10px;
        }
        #resultado {
            margin-top: 20px;
            font-weight: bold;
        }
    </style>
</head>
<body>

    <h1>Conversor de Temperatura</h1>
    <label for="inputTemperatura">Digite a temperatura:</label>
    <input type="number" id="inputTemperatura" placeholder="Ex: 100">

    <label for="escala">Escolha a escala de conversão:</label>
    <select id="escala">
        <option value="celsiusParaFahrenheit">Celsius para Fahrenheit</option>
        <option value="fahrenheitParaCelsius">Fahrenheit para Celsius</option>
    </select>

    <button onclick="converterTemperatura()">Converter</button>

    <div id="resultado"></div>

    <script src="app.js"></script>

</body>
</html>

JAVASCRIPT :

function converterTemperatura() {
    let number = parseInt(document.getElementById('inputTemperatura').value);
    let escalaConversao = document.getElementById('escala');
    let textResultado = document.getElementById('resultado');
    
    let resultFahren = (number*9/5) + 32; 
    let resultCelsius = (number - 32 ) * 5/9;
    
    if (escalaConversao.value == 'celsiusParaFahrenheit') {
        textResultado.innerHTML = `${number}°C é igual a ${resultFahren}°F.`;
    }else {
        textResultado.innerHTML = `${number}°F é igual a ${resultCelsius}°C.`;
    }
}
1 resposta

Olá!

Obrigado por compartilhar seu código, ficou muito bacana, bem estruturado, achei bacana o seu uso da IA, dessa maneira você economiza tempo para integrar com aquilo que você produziu, excelente forma de usar a IA alinhada com a aprendizagem.

Espero ter ajudado! Bons estudos!

Sucesso

Um grande abraço e até mais!

Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓. Bons Estudos!