Scribd Logo
Importer

Bienvenue sur Scribd !

  • Site HTML

    Transféré par

    ben10tinho
    4 vues2 pages
    Site de carro simples feito em HTML

    Copyright

    © © All Rights Reserved

    Formats disponibles

    TXT, PDF, TXT ou lisez en ligne sur Scribd

    Avez-vous trouvé ce document utile ?

    Ce contenu est-il inapproprié ?

    Signaler ce document
    Site de carro simples feito em HTML

    Droits d'auteur :

    © All Rights Reserved
    Téléchargez comme TXT, PDF, TXT ou lisez en ligne sur Scribd
    Signaler comme contenu inapproprié
    4 vues2 pages

    Site HTML

    Transféré par

    ben10tinho
    Site de carro simples feito em HTML

    Droits d'auteur :

    © All Rights Reserved
    Téléchargez comme TXT, PDF, TXT ou lisez en ligne sur Scribd
    Signaler comme contenu inapproprié
    sur 2

    <!

    DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Leilão de Carros</title>
    <style>
    body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
    background-color: #f4f4f4;
    }
    header {
    background-color: #333;
    color: #fff;
    padding: 10px;
    text-align: center;
    }
    nav {
    background-color: #444;
    padding: 10px;
    text-align: center;
    }
    nav a {
    color: #fff;
    text-decoration: none;
    padding: 10px;
    margin: 0 5px;
    }
    nav a:hover {
    background-color: #555;
    }
    section {
    padding: 20px;
    }
    .car {
    border: 1px solid #ccc;
    margin-bottom: 20px;
    padding: 10px;
    background-color: #fff;
    }
    .car img {
    max-width: 100%;
    height: auto;
    }
    </style>
    </head>
    <body>
    <header>
    <h1>Leilão de Carros</h1>
    </header>
    <nav>
    <a href="#">Início</a>
    <a href="#">Carros à Venda</a>
    <a href="#">Sobre</a>
    <a href="#">Contato</a>
    </nav>
    <section>
    <h2>Carros em Leilão</h2>
    <div class="car" id="car1">
    <img src="carro1.jpg" alt="Carro 1">
    <h3>Carro 1</h3>
    <p>Descrição do carro 1.</p>
    <p id="lance1">Lance atual: R$ 10.000</p>
    <button onclick="fazerLance(1)">Fazer lance</button>
    </div>
    <div class="car" id="car2">
    <img src="carro2.jpg" alt="Carro 2">
    <h3>Carro 2</h3>
    <p>Descrição do carro 2.</p>
    <p id="lance2">Lance atual: R$ 8.000</p>
    <button onclick="fazerLance(2)">Fazer lance</button>
    </div>
    <!-- Adicione mais carros conforme necessário -->
    </section>
    <footer>
    <p>&copy; 2024 Leilão de Carros</p>
    </footer>

    <script>
    function fazerLance(carroId) {
    var lanceAtualElement = document.getElementById('lance' + carroId);
    var lanceAtual = parseInt(lanceAtualElement.innerHTML.split(' ')
    [2].replace('.', '').replace(',', '')); // Extrai o valor do lance atual e converte
    para inteiro
    var novoLance = lanceAtual + 1000; // Incrementa o lance atual em R$
    1.000
    lanceAtualElement.innerHTML = 'Lance atual: R$ ' +
    novoLance.toLocaleString('pt-BR'); // Atualiza o valor do lance atual exibido na
    página
    }
    </script>
    </body>
    </html>

    Vous aimerez peut-être aussi