ChenKaiLiuG/life_generators
1
0
Fork 0
Code Issues 7 Pull Requests Actions Packages Projects Releases 1 Wiki Activity

replace variables with shorter ones and also improve some readability

Browse Source
This commit is contained in:
lifeadventurer
2023-11-19 15:30:43 +08:00
parent 3f46197fb3
commit 334a6afaf2
1 changed files with 42 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files

79
fortune_generator/fortune.js
View File

@@ -1,5 +1,4 @@
let ip;
$.getJSON("https://api.ipify.org?format=json", function(data) {
ip = data.ip;
})
@@ -22,14 +21,19 @@ fetch("special.json")
special_events = data.special_events;
})
const textColor = ["#e74c3c", "#e74c3c", "#e74c3c", "#e74c3c", "#e74c3c", "#5eb95e", "#5eb95e", "#000000bf", "#000000bf", "#000000bf"];
// color adjust
const goodColor = "#e74c3c";
const badColor = "#000000bf";
const descColor = "#7f7f7f";
const textColor = [goodColor, goodColor, goodColor, goodColor, goodColor, "#5eb95e", "#5eb95e", badColor, badColor, badColor];
const fortuneStatus = ["大吉", "中吉", "中吉", "小吉", "小吉", "中平", "中平", "凶", "凶", "大凶"];
const chineseMonth = ["一", "二", "三", "四", "五", "六", "七", "八", "九", "十", "十一", "十二"];
const week = ['日', '一', '二', '三', '四', '五', '六'];
const title = `<span style='font-size: 8vmin; color: #000000CC;'><b>今日運勢<b></span>`;
const allGood = `<span style='font-size: 6vmin; color: #000000bf;'><b>萬事皆宜<b></span>`;
const allBad = `<span style='font-size: 6vmin; color: #e74c3c;'><b>諸事不宜<b></span>`;
const allGood = `<span style='font-size: 6vmin; color: ${badColor};'><b>萬事皆宜<b></span>`;
const allBad = `<span style='font-size: 6vmin; color: ${goodColor};'><b>諸事不宜<b></span>`;
// date
const d = new Date();
@@ -50,15 +54,15 @@ $('#weekday').html(showDay);
let special = false;
function good_span(event){
return `<span style='font-size: 5.6vmin; color: #e74c3c;'><b>宜: </b>${event}</span>`;
return `<span style='font-size: 5.6vmin; color: ${goodColor};'><b>宜: </b>${event}</span>`;
}
function bad_span(event){
return `<span style='font-size: 5.6vmin; color: #000000bf;'><b>忌: </b>${event}</span>`;
return `<span style='font-size: 5.6vmin; color: ${badColor};'><b>忌: </b>${event}</span>`;
}
function desc_span(desc){
return `<span style='font-size: 3.5vmin; color: #7f7f7f;'>${desc}</span>`;
return `<span style='font-size: 3.5vmin; color: ${descColor};'>${desc}</span>`;
}
function Appear() {
@@ -104,9 +108,8 @@ function Appear() {
$('#ip-to-fortune').html(status);
}
let l_1_event, l_1_desc, l_2_event, l_2_desc, r_1_event, r_1_desc, r_2_event, r_2_desc;
let l1, l2, r1, r2;
// make sure the events won't collide
let set = new Set();
l1 = (seed1 % goodLen + goodLen) % goodLen;
@@ -125,7 +128,8 @@ function Appear() {
while(set.has(badFortunes[r2].event)){
r2 = (r2 + 1) % badLen;
}
let l_1_event, l_1_desc, l_2_event, l_2_desc, r_1_event, r_1_desc, r_2_event, r_2_desc;
// organize the stuffs below this line...
l_1_event = good_span(goodFortunes[l1].event);
l_1_desc = desc_span(goodFortunes[l1].description);
@@ -136,41 +140,42 @@ function Appear() {
r_2_event = bad_span(badFortunes[r2].event);
r_2_desc = desc_span(badFortunes[r2].description);
let l_1_special_event, l_1_special_desc, l_2_special_event, l_2_special_desc, r_1_special_event, r_1_special_desc, r_2_special_event, r_2_special_desc;
if(special){
// instead clear variable name, use short variable name for here... cuz it's too repetitive
let Data = special_events[special_events_index];
if(status_index == 0){
r_1_special_event = allGood;
l_1_special_event = good_span(special_events[special_events_index].goodFortunes.l_1_event);
l_1_special_desc = desc_span(special_events[special_events_index].goodFortunes.l_1_desc);
l_2_special_event = good_span(special_events[special_events_index].goodFortunes.l_2_event);
l_2_special_desc = desc_span(special_events[special_events_index].goodFortunes.l_2_desc);
r_1_event = allGood;
l_1_event = good_span(Data.goodFortunes.l_1_event);
l_1_desc = desc_span(Data.goodFortunes.l_1_desc);
l_2_event = good_span(Data.goodFortunes.l_2_event);
l_2_desc = desc_span(Data.goodFortunes.l_2_desc);
}
else if(status_index == statusLen - 1){
l_1_special_event = allBad;
r_1_special_event = bad_span(special_events[special_events_index].badFortunes.r_1_event);
r_1_special_desc = desc_span(special_events[special_events_index].badFortunes.r_1_desc);
r_2_special_event = bad_span(special_events[special_events_index].badFortunes.r_2_event);
r_2_special_desc = desc_span(special_events[special_events_index].badFortunes.r_2_desc);
l_1_event = allBad;
r_1_event = bad_span(Data.badFortunes.r_1_event);
r_1_desc = desc_span(Data.badFortunes.r_1_desc);
r_2_event = bad_span(Data.badFortunes.r_2_event);
r_2_desc = desc_span(Data.badFortunes.r_2_desc);
}
else{
l_1_special_event = good_span(special_events[special_events_index].goodFortunes.l_1_event);
l_1_special_desc = desc_span(special_events[special_events_index].goodFortunes.l_1_desc);
l_2_special_event = good_span(special_events[special_events_index].goodFortunes.l_2_event);
l_2_special_desc = desc_span(special_events[special_events_index].goodFortunes.l_2_desc);
r_1_special_event = bad_span(special_events[special_events_index].badFortunes.r_1_event);
r_1_special_desc = desc_span(special_events[special_events_index].badFortunes.r_1_desc);
r_2_special_event = bad_span(special_events[special_events_index].badFortunes.r_2_event);
r_2_special_desc = desc_span(special_events[special_events_index].badFortunes.r_2_desc);
l_1_event = good_span(Data.goodFortunes.l_1_event);
l_1_desc = desc_span(Data.goodFortunes.l_1_desc);
l_2_event = good_span(Data.goodFortunes.l_2_event);
l_2_desc = desc_span(Data.goodFortunes.l_2_desc);
r_1_event = bad_span(Data.badFortunes.r_1_event);
r_1_desc = desc_span(Data.badFortunes.r_1_desc);
r_2_event = bad_span(Data.badFortunes.r_2_event);
r_2_desc = desc_span(Data.badFortunes.r_2_desc);
}
$('#l-1-event').html(l_1_special_event);
$('#l-1-desc').html(l_1_special_desc);
$('#l-2-event').html(l_2_special_event);
$('#l-2-desc').html(l_2_special_desc);
$('#r-1-event').html(r_1_special_event);
$('#r-1-desc').html(r_1_special_desc);
$('#r-2-event').html(r_2_special_event);
$('#r-2-desc').html(r_2_special_desc);
$('#l-1-event').html(l_1_event);
$('#l-1-desc').html(l_1_desc);
$('#l-2-event').html(l_2_event);
$('#l-2-desc').html(l_2_desc);
$('#r-1-event').html(r_1_event);
$('#r-1-desc').html(r_1_desc);
$('#r-2-event').html(r_2_event);
$('#r-2-desc').html(r_2_desc);
}
else if(seed1 % statusLen == 0){
$('#r-1-event').html(allGood);