O maior valor é.html

<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Encontraremos o maior valor!</title>
</head>
<body>
    <h1>O maior valor é:</h1>
 
    <input type="number" id="valor1" placeholder="Valor 1">
    <input type="number" id="valor2" placeholder="Valor 2">
    <input type="number" id="valor3" placeholder="Valor 3">
    <button onclick="encontrarMaior()">Vamos verificar?</button>
    <p id="resultado"></p>
 
    <script>
        function encontrarMaior() {
            const valor1 = parseFloat(document.getElementById('valor1').value);
            const valor2 = parseFloat(document.getElementById('valor2').value);
            const valor3 = parseFloat(document.getElementById('valor3').value);
 
            let maior = valor1;
 
            if (valor2 > maior) {
                maior = valor2;
            }
            if (valor3 > maior) {
                maior = valor3;
            }
 
            document.getElementById('resultado').textContent = 'O maior valor entre os três números é 🤓: ' + maior;
        }
    </script>
</body>
</html>