ohon12/aviator_predictor_v7.html

## aviator_predictor_v7.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Aviator Predictor V7</title>
<style>
  body {
    background: #000;
    color: #f00;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px;
    min-height: 100vh;
    margin: 0;
  }
  h1 {
    color: #ff1a1a;
    text-shadow: 0 0 8px #ff0000;
  }
  input, button {
    padding: 10px;
    margin: 10px 0;
    border-radius: 5px;
    border: none;
    font-size: 1rem;
  }
  input {
    width: 250px;
    background: #111;
    color: #f00;
    border: 1px solid #ff0000;
  }
  button {
    background: #ff0000;
    color: #000;
    font-weight: bold;
    cursor: pointer;
    transition: background 0.3s ease;
  }
  button:hover {
    background: #cc0000;
  }
  #loginSection, #predictSection, #activationSection, #resultSection {
    display: none;
    flex-direction: column;
    align-items: center;
  }
  #loginSection.active, #predictSection.active, #activationSection.active, #resultSection.active {
    display: flex;
  }
  #history {
    margin-top: 20px;
    max-width: 300px;
    background: #111;
    border: 1px solid #ff0000;
    padding: 10px;
    border-radius: 5px;
    font-size: 0.9rem;
  }
  #history span {
    display: inline-block;
    margin: 3px 8px;
    color: #ff5555;
    font-weight: bold;
  }
  #scanAnim {
    margin-top: 15px;
    width: 80px;
    height: 80px;
    border: 4px solid #ff0000;
    border-radius: 50%;
    border-top: 4px solid transparent;
    animation: spin 1.5s linear infinite;
  }
  @keyframes spin {
    0% { transform: rotate(0deg);}
    100% { transform: rotate(360deg);}
  }
</style>
</head>
<body>

<h1>Aviator Predictor V7</h1>

<div id="loginSection" class="active">
  <input type="text" id="username" placeholder="Enter username" />
  <button onclick="login()">Login</button>
</div>

<div id="predictSection">
  <button onclick="startPrediction()">Get Prediction</button>
</div>

<div id="activationSection">
  <input type="text" id="activationCode" placeholder="Enter Activation Code" />
  <button onclick="checkCode()">Activate</button>
  <div id="scanAnim" style="display:none;"></div>
</div>

<div id="resultSection">
  <h2>Prediction Result:</h2>
  <p id="predictionValue" style="font-size: 2rem; font-weight: bold;"></p>
  <div id="history"></div>
  <button onclick="restart()">Restart</button>
</div>

<script>
  const validCode = "AVIATOR PREDICTORv7";

  function login() {
    const user = document.getElementById('username').value.trim();
    if(user === "") {
      alert("Please enter a username.");
      return;
    }
    document.getElementById('loginSection').classList.remove('active');
    document.getElementById('predictSection').classList.add('active');
  }

  function startPrediction() {
    document.getElementById('predictSection').classList.remove('active');
    document.getElementById('activationSection').classList.add('active');
    document.getElementById('activationCode').value = "";
  }

  function checkCode() {
    const code = document.getElementById('activationCode').value.trim();
    if(code.toUpperCase() === validCode) {
      // Show scanning animation for 3 seconds, then show prediction
      document.getElementById('scanAnim').style.display = 'block';
      setTimeout(() => {
        document.getElementById('activationSection').classList.remove('active');
        document.getElementById('scanAnim').style.display = 'none';
        showPrediction();
      }, 3000);
    } else {
      alert("Invalid activation code.");
    }
  }

  function randomPrediction() {
    // Generate fake prediction multiplier between 1.10x and 100.00x
    return (Math.random() * 99 + 1.1).toFixed(2) + "x";
  }

  function randomHistory() {
    // Generate an array of 10 fake multipliers
    let arr = [];
    for(let i = 0; i < 10; i++) {
      arr.push(randomPrediction());
    }
    return arr;
  }

  function showPrediction() {
    document.getElementById('resultSection').classList.add('active');
    const predVal = randomPrediction();
    document.getElementById('predictionValue').innerText = predVal;

    const historyArr = randomHistory();
    const historyDiv = document.getElementById('history');
    historyDiv.innerHTML = "<strong>Previous History:</strong><br/>";
    historyArr.forEach(h => {
      historyDiv.innerHTML += `<span>${h}</span>`;
    });
  }

  function restart() {
    document.getElementById('resultSection').classList.remove('active');
    document.getElementById('loginSection').classList.add('active');
    document.getElementById('username').value = "";
  }
</script>

</body>
</html>
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1" />
	<title>Aviator Predictor V7</title>
	<style>
	body {
	background: #000;
	color: #f00;
	font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 20px;
	min-height: 100vh;
	margin: 0;
	}
	h1 {
	color: #ff1a1a;
	text-shadow: 0 0 8px #ff0000;
	}
	input, button {
	padding: 10px;
	margin: 10px 0;
	border-radius: 5px;
	border: none;
	font-size: 1rem;
	}
	input {
	width: 250px;
	background: #111;
	color: #f00;
	border: 1px solid #ff0000;
	}
	button {
	background: #ff0000;
	color: #000;
	font-weight: bold;
	cursor: pointer;
	transition: background 0.3s ease;
	}
	button:hover {
	background: #cc0000;
	}
	#loginSection, #predictSection, #activationSection, #resultSection {
	display: none;
	flex-direction: column;
	align-items: center;
	}
	#loginSection.active, #predictSection.active, #activationSection.active, #resultSection.active {
	display: flex;
	}
	#history {
	margin-top: 20px;
	max-width: 300px;
	background: #111;
	border: 1px solid #ff0000;
	padding: 10px;
	border-radius: 5px;
	font-size: 0.9rem;
	}
	#history span {
	display: inline-block;
	margin: 3px 8px;
	color: #ff5555;
	font-weight: bold;
	}
	#scanAnim {
	margin-top: 15px;
	width: 80px;
	height: 80px;
	border: 4px solid #ff0000;
	border-radius: 50%;
	border-top: 4px solid transparent;
	animation: spin 1.5s linear infinite;
	}
	@keyframes spin {
	0% { transform: rotate(0deg);}
	100% { transform: rotate(360deg);}
	}
	</style>
	</head>
	<body>

	<h1>Aviator Predictor V7</h1>

	<div id="loginSection" class="active">
	<input type="text" id="username" placeholder="Enter username" />
	<button onclick="login()">Login</button>
	</div>

	<div id="predictSection">
	<button onclick="startPrediction()">Get Prediction</button>
	</div>

	<div id="activationSection">
	<input type="text" id="activationCode" placeholder="Enter Activation Code" />
	<button onclick="checkCode()">Activate</button>
	<div id="scanAnim" style="display:none;"></div>
	</div>

	<div id="resultSection">
	<h2>Prediction Result:</h2>
	<p id="predictionValue" style="font-size: 2rem; font-weight: bold;"></p>
	<div id="history"></div>
	<button onclick="restart()">Restart</button>
	</div>

	<script>
	const validCode = "AVIATOR PREDICTORv7";

	function login() {
	const user = document.getElementById('username').value.trim();
	if(user === "") {
	alert("Please enter a username.");
	return;
	}
	document.getElementById('loginSection').classList.remove('active');
	document.getElementById('predictSection').classList.add('active');
	}

	function startPrediction() {
	document.getElementById('predictSection').classList.remove('active');
	document.getElementById('activationSection').classList.add('active');
	document.getElementById('activationCode').value = "";
	}

	function checkCode() {
	const code = document.getElementById('activationCode').value.trim();
	if(code.toUpperCase() === validCode) {
	// Show scanning animation for 3 seconds, then show prediction
	document.getElementById('scanAnim').style.display = 'block';
	setTimeout(() => {
	document.getElementById('activationSection').classList.remove('active');
	document.getElementById('scanAnim').style.display = 'none';
	showPrediction();
	}, 3000);
	} else {
	alert("Invalid activation code.");
	}
	}

	function randomPrediction() {
	// Generate fake prediction multiplier between 1.10x and 100.00x
	return (Math.random() * 99 + 1.1).toFixed(2) + "x";
	}

	function randomHistory() {
	// Generate an array of 10 fake multipliers
	let arr = [];
	for(let i = 0; i < 10; i++) {
	arr.push(randomPrediction());
	}
	return arr;
	}

	function showPrediction() {
	document.getElementById('resultSection').classList.add('active');
	const predVal = randomPrediction();
	document.getElementById('predictionValue').innerText = predVal;

	const historyArr = randomHistory();
	const historyDiv = document.getElementById('history');
	historyDiv.innerHTML = "<strong>Previous History:</strong><br/>";
	historyArr.forEach(h => {
	historyDiv.innerHTML += `<span>${h}</span>`;
	});
	}

	function restart() {
	document.getElementById('resultSection').classList.remove('active');
	document.getElementById('loginSection').classList.add('active');
	document.getElementById('username').value = "";
	}
	</script>

	</body>
	</html>