Corrida de Carros
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>
NEW APPS
These are apps made by the community!