بىكەت يان ئىستونغا ئىقتىدار قوشۇش

مەرھابا ، ئەزىز دوستۇم ! باسقان قەدىمىڭىز قۇتلۇق بولسۇن !
بۈگۈن تورخۇمارغا بىكەت يان ئىستونىغا ماقال-تەمسىل ، شىئېر ۋە ياكى ئۈزىڭىز ياقتۇرغان گەپ سۆزلەرنى كۆرسىتىدىغان ئىنتايىن گۈزەل بولغان يان ئىستۇنغا ئىقتىدار ۋە گۈزەللىك قوشىدىغان كود ئېلىپ كەلدىم ، ئېشلىتىش ئۇسۇلىمۇ ئىنتايىن ئاددى بولۇپ ئۇسلۇپقا بىۋاستە قوشماستىن يان ئىستون تەڭشەك رايونىدىن ئېختىيارى html قوشۇش كۆزنىكىگە بىۋاستە چاپلاپ ئىشلەتسىڭىزلا بولىدۇ

<div class="wiiuii-suiji-main">
<div class="wiiuii-suiji-header">  
  <div class="xingyu-dt-ty">
    <span class="xingyu-dt-day wiiuiiDay"></span>
    <p class="xingyu-sj-date">
      <span class="wiiuiiYear"></span>  
      <span class="wiiuiiMonth"></span>
    </p>
  </div>
  </div> 
  <div class="wiiuii-suiji-header">
  <div class="xingyu-sjzt-ty">
    <span class="xingyu-yiyin"></span>  
  </div></div>
  <div class="xingyu-sjtitle-ty">
   <span id="xingyu-qh-btn">ئالماشتۇرۇش</span>
  </div>
</div>

.wiiuii-suiji-main span {
  color: var(--main-color);
}

.wiiuii-suiji-main {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
  height: 320px;
  border-radius: var(--main-radius);
  position: relative
}

.wiiuii-suiji-header {
  display: flex;
  justify-content: space-between
}

.xingyu-dt-ty {
  padding: 20px;
  display: flex;
  flex-direction: column
}

.xingyu-dt-day {
  font-size: 60px;
  font-weight: 700;
  color: #fff
}

.xingyu-sj-date {
  font-size: 16px;
  font-weight: 700;
  color: #fff
}

.xingyu-sjzt-ty {
  line-height: 25px;
  padding: 15px;
  text-align: center;
  font-size: 20px
}

.xingyu-sjtitle-ty span:hover {
  color: #f44336
}

.xingyu-sjtitle-ty {
  position: absolute;
  bottom: 0;
  text-align: center;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 5px
}

var wiiuiiYiYan = [
  'ھەر كىم ئۆز تەغدىرىنىڭ تۈمۈرچىسى',
  'بىلىم ئالمىغان ياش تام تۈۋىدىكى تاش',
  'ئەلدىن ئەلگە نەپ ، نەپ بەرمىگەننىڭ قوڭىغا تەپ',
  'قول قولنى يۇيسا قول كىلىپ يۈزنى يۇيىدۇ',
  'بۇ دۇنيادا كۆپتۇر كۆرمىگىنىڭ ، كۆرمىگەننى كۆرىسەن ئۆلمىگىنىڭ',
  'ساڭا قاراپ مەن ، ئىشىككە قاراپ دەم',
  'ئەقىل ياشتا ئەمەس بەلكى باشتا',
  'تورخۇمار بىلوگىنى كۆرمىگەن ياش ، ئىشىك تۈۋىدىكى تاش'
]
var wiiuiiYiYanBg = [
    'https://img.xgr.cab/uploads/2024/09/10/227.webp',
    'https://img.xgr.cab/uploads/2024/09/10/262.webp',
    'https://img.xgr.cab/uploads/2024/09/10/179.webp',
    'https://img.xgr.cab/uploads/2024/09/10/152.webp',
    'https://img.xgr.cab/uploads/2024/09/10/212.webp'
    ]
var wiiuiiYiMain = document.querySelector(".wiiuii-suiji-main"),
wiuiSjMain = wiiuiiYiMain.parentNode.parentNode,
date = new Date(),
wiiuiiMonth = date.getMonth() + 1,
wiiuiiDay = date.getDate();
document.querySelector(".wiiuiiYear").innerHTML = date.getFullYear() + "-يىلى";
10 > wiiuiiMonth
? (document.querySelector(".wiiuiiMonth").innerHTML =
"0" + wiiuiiMonth + "-ئاي")
: (document.querySelector(".wiiuiiMonth").innerHTML = wiiuiiMonth + "-ئاي");
10 > wiiuiiMonth &&
(document.querySelector(".wiiuiiDay").innerHTML = "0" + wiiuiiDay);
wiuiSjMain.style.padding = "0";
var wiiuiiYyRanBtn = document.querySelector("#xingyu-qh-btn"),
wiiuiiYiYinTextBox = document.querySelector(".xingyu-yiyin");
function wiiuiiRanYiYin() {
var a = Math.floor(Math.random() * wiiuiiYiYanBg.length);
wiiuiiYiYinTextBox.innerHTML =
wiiuiiYiYan[Math.floor(Math.random() * wiiuiiYiYan.length)];
wiiuiiYiMain.style.backgroundImage = "url(" + wiiuiiYiYanBg[a] + ")";
}
wiiuiiRanYiYin();
wiiuiiYyRanBtn.onclick = function () {
wiiuiiRanYiYin();
};
wiiuiiYiYinTextBox.onclick = function () {
var a = document
.querySelector(".xingyu-yiyin")
.textContent.split("。")[0];
open("https://so.gushiwen.cn/search.aspx?value=" + a);
};