Calculator Tools Calculator Tools
Create

UM Hurricanes vs Temple

Sep 20, 2023

About this app

Get live updates and scores of the University of Miami Hurricanes versus Temple game.

UM Hurricanes vs Temple UM Hurricanes vs Temple Live Updates: Scores:

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>UM Hurricanes vs Temple</title>
<meta name="description" content="Get live updates and scores of the University of Miami Hurricanes versus Temple game.">
<meta name="keywords" content="UM Hurricanes, Temple, football, college sports">

<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">

<script type="text/javascript">
try {
document.addEventListener("DOMContentLoaded", function() {
// DOM is ready

// Function to fetch live updates and scores
function fetchLiveUpdates() {
// Make API request to get live updates and scores
$.ajax({
url: "https://api.example.com/live-updates",
method: "GET",
success: function(response) {
// Process the response and display live updates and scores
var updates = response.updates;
var scores = response.scores;

// Update the HTML with the live updates and scores
var updatesContainer = document.getElementById("live-updates");
var scoresContainer = document.getElementById("scores");

updatesContainer.innerHTML = updates;
scoresContainer.innerHTML = scores;
},
error: function(error) {
console.log("Error fetching live updates: " + error);
}
});
}

// Call the fetchLiveUpdates function every 10 seconds
setInterval(fetchLiveUpdates, 10000);
});

} catch (error) {
throw error;
}
</script>

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

.container {
padding: 20px;
text-align: center;
}

h1 {
color: #E23D28;
font-size: 36px;
margin-bottom: 20px;
}

p {
color: #333333;
font-size: 18px;
margin-bottom: 10px;
}

#live-updates {
background-color: #FFFFFF;
padding: 20px;
border-radius: 10px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
margin-bottom: 20px;
}

#scores {
color: #FFFFFF;
background-color: #E23D28;
padding: 10px;
border-radius: 5px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
</style>
</head>
<body>
<div id="main-container" class="container">
<h1>UM Hurricanes vs Temple</h1>

<div id="live-updates">
<p>Live Updates:</p>
<div id="updates"></div>
</div>

<div id="scores">
<p>Scores:</p>
<div id="scores"></div>
</div>
</div>
</body>
</html>