Calculator Tools Calculator Tools
Create

Corrida de Carros

Sep 17, 2023

About this app

Um jogo divertido de corrida de carros onde dois carros competem para ganhar.

Corrida de Carros Corrida de Carros

Related apps

Put this on your site

Source

                    <html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1">

<title>Corrida de Carros</title>
<meta name="description" content="Um jogo divertido de corrida de carros onde dois carros competem para ganhar.">
<meta name="keywords" content="jogo, corrida, carros, diversão">

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">

<link href="https://fonts.googleapis.com/css?family=Roboto:400,700" rel="stylesheet">

<script type="text/javascript">
try {
// App Javascript Goes Here. Place your entire script content inside the try block for error handling.
document.addEventListener("DOMContentLoaded", function() {
var car1Position = 0;
var car2Position = 0;

function moveCar(car, distance) {
var carElement = document.getElementById(car);
var currentPosition = carElement.style.left ? parseInt(carElement.style.left) : 0;
var newPosition = currentPosition + distance;
carElement.style.left = newPosition + "px";
}

function checkWinner() {
if (car1Position >= 400 && car2Position < 400) {
alert("Carro 1 venceu!");
} else if (car2Position >= 400 && car1Position < 400) {
alert("Carro 2 venceu!");
} else if (car1Position >= 400 && car2Position >= 400) {
alert("Empate!");
}
}

document.addEventListener("keyup", function(event) {
if (event.keyCode === 65) { // "A" key
moveCar("car1", 10);
car1Position += 10;
} else if (event.keyCode === 76) { // "L" key
moveCar("car2", 10);
car2Position += 10;
}

checkWinner();
});
});

} catch (error) {
// This will throw the error to the parent window.
throw error;
}
</script>

<style>
body {
background-color: #f2f2f2;
}

h1 {
font-family: 'Roboto', sans-serif;
text-align: center;
margin-top: 50px;
color: #333333;
}

.container {
display: flex;
justify-content: space-around;
margin-top: 100px;
}

.car {
width: 100px;
height: 50px;
background-color: #ff5722;
position: relative;
left: 0;
transition: left 0.3s ease-in-out;
}
</style>
</head>
<body>
<h1>Corrida de Carros</h1>
<div id="main-container" class="container">
<div id="car1" class="car"></div>
<div id="car2" class="car"></div>
</div>
</body>
</html>