Calculator Tools Calculator Tools
Create

Copa dos Desenhos

Sep 19, 2023

About this app

Acompanhe os resultados da Copa dos Desenhos

Copa dos Desenhos Resultados da Copa dos Desenhos

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>Copa dos Desenhos</title>
<meta name="description" content="Acompanhe os resultados da Copa dos Desenhos">
<meta name="keywords" content="copa, desenhos, resultados">

<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/css2?family=Roboto:wght@400;700&display=swap" 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() {
// Array of results
const results = [
{ team: "JunyTony", place: "1st" },
{ team: "Team A", place: "2nd" },
{ team: "Team B", place: "3rd" },
{ team: "Team C", place: "4th" },
{ team: "Team D", place: "5th" },
{ team: "Team E", place: "6th" },
{ team: "Team F", place: "7th" },
{ team: "Team G", place: "8th" },
{ team: "Team H", place: "9th" },
{ team: "Team I", place: "10th" }
];

// Generate the HTML for the results table
let html = "<table class='table table-striped'>";
html += "<thead><tr><th>Place</th><th>Team</th></tr></thead>";
html += "<tbody>";
results.forEach((result, index) => {
html += `<tr><td>${result.place}</td><td>${result.team}</td></tr>`;
});
html += "</tbody></table>";

// Add the table to the main container
$("#main-container").html(html);
});

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

<style>
body {
background-color: #f7f7f7;
font-family: 'Roboto', sans-serif;
}

h1 {
margin-top: 40px;
text-align: center;
font-weight: bold;
color: #333;
}

table {
margin-top: 40px;
}

th, td {
padding: 10px;
text-align: center;
}

th {
background-color: #333;
color: #fff;
}

tr:nth-child(odd) {
background-color: #f2f2f2;
}
</style>
</head>
<body>
<div id="main-container" class="container">
<h1>Resultados da Copa dos Desenhos</h1>
</div>
</body>
</html>