Calculator Tools Calculator Tools
Create

Dustyn Murray's Free Range Game Rating

Nov 16, 2023

About this app

Rate the graphics of Dustyn Murray's Free Range game across various console editions.

Dustyn Murray's Free Range Game Rating Dustyn Murray's Free Range Game Rating

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>Dustyn Murray's Free Range Game Rating</title>
<meta name="description" content="Rate the graphics and lag of Dustyn Murray's Free Range game on various console editions.">
<meta name="keywords" content="Dustyn Murray, Free Range, Game Rating, Graphics Rating, Lag Rating, Console">

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous"></script>
<link href="https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap" rel="stylesheet">
<style>
body {
font-family: 'Press Start 2P', cursive;
background: #f0f0f0;
}
#main-container {
text-align: center;
padding: 20px;
}
.btn-console {
margin: 5px;
font-size: 10px;
}
.console-name {
margin-bottom: 10px;
}
.rating-container {
display: none;
margin-top: 20px;
}
.star-rating {
color: #ffd700;
font-size: 24px;
}
</style>

<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() {
// Define console names and ratings array
var consoles = [
"RTX", // Best graphics
// ... add all other consoles here
"Windows 95 3D graphics" // Worst graphics
];

// Populate buttons with console names
$('#main-container').append('<div id="buttons-container"></div>');
for (var i = 0; i < 5000; i++) {
var rank = (i < 2500) ? `Best #${i + 1}` : `Worst #${4999 - i}`;
var btn = $('<button>')
.addClass('btn btn-console')
.text(`Copy ${rank}`)
.attr('data-console', consoles[i % consoles.length])
.attr('data-rank', i + 1)
.on('click', function() {
$('.rating-container').show();
$('.console-name').text(`Console: ${$(this).data('console')}`);
$('#graphics-rating').text('');
$('#lag-rating').text('');
});
$('#buttons-container').append(btn);
}

// Rating functionality
$('#rating-container').append('<div class="console-name"></div>');
$('#rating-container').append('<div id="graphics-rating"></div>');
$('#rating-container').append('<div id="lag-rating"></div>');
for (var j = 0; j < 10; j++) {
var graphicsStar = $('<span>')
.addClass('star-rating')
.html('&#9733;')
.attr('data-rating', j + 1)
.on('click', function() {
var rating = $(this).data('rating');
$('#graphics-rating').text(`Graphics Rating: ${rating}`);
});
var lagStar = $('<span>')
.addClass('star-rating')
.html('&#9733;')
.attr('data-rating', j + 1)
.on('click', function() {
var rating = $(this).data('rating');
$('#lag-rating').text(`Lag Rating: ${rating}`);
});
$('#graphics-rating').append(graphicsStar);
$('#lag-rating').append(lagStar);
}
});

} catch (error) {
// This will throw the error to the parent window.
throw error;
}
</script>
</head>
<body>
<div id="main-container" class="container">
<!-- App HTML Goes Here -->
<h1>Dustyn Murray's Free Range Game Rating</h1>
<div id="buttons-container">
<!-- Buttons will be generated here -->
</div>
<div id="rating-container" class="rating-container">
<!-- Rating will be displayed here -->
</div>
</div>
</body>
</html>