$(function (){
$(".hamburger .hamburger__label").click(function (){
$("body").toggleClass("hamburger-true");
$(".hamburger__contents__background").toggleClass("active");
});
});
$('.hamburger__contents .close__inner,.hamburger__contents__background').click(function(){
$('body').removeClass("hamburger-true");
$(".hamburger__contents__background").removeClass('active');
$('#hamburger-check').prop('checked',false);
});
const doObserve=(element)=> {
const targets=document.querySelectorAll('.typeWriter');
const options={
root: null,
rootMargin: '0px',
threshold: 0
};
const observer=new IntersectionObserver((items)=> {
items.forEach((item)=> {
if(item.isIntersecting){
const typeWriter=selector=> {
const el=document.querySelector(selector);
const text=el.innerHTML;
(function _type(i=0){
if(i===text.length) return;
el.innerHTML=text.substring(0, i + 1) + '<span aria-hidden="true"></span>';
setTimeout(()=> _type(i + 1), 130);
})();
};
typeWriter(".typeWriter");
observer.unobserve(item.target);
}else{
item.target.classList.remove('typing');
}});
}, options);
Array.from(targets).forEach((target)=> {
observer.observe(target);
});
};
doObserve('.observe_target');
jQuery(function ($){
var device=navigator.userAgent;
if((device.indexOf('iPhone') > 0||device.indexOf('Android') > 0)&&device.indexOf('Mobile') > 0){
const line_aside__images=new Swiper ('.line__images', {
autoHeight: false,
speed: 700,
slidesPerView: 1.2,
spaceBetween: 10,
centeredSlides: true,
initialSlide: 0,
pagination: {
el: '.swiper-pagination_line',
type: 'bullets',
clickable: true,
},
navigation: {
nextEl: '.swiper-button-next_line',
prevEl: '.swiper-button-prev_line',
},
});
}else{
const line_aside__images=new Swiper ('.line__images', {
autoHeight: false,
speed: 700,
slidesPerView: 1.2,
spaceBetween: 20,
centeredSlides: true,
initialSlide: 0,
pagination: {
el: '.swiper-pagination_line',
type: 'bullets',
clickable: true,
},
navigation: {
nextEl: '.swiper-button-next_line',
prevEl: '.swiper-button-prev_line',
},
});
}});
jQuery(document).ready(function($){
$('.line__images').each(function(){
const $swiper=$(this);
const slideCount=$swiper.find('.swiper-slide').length;
if(slideCount <=1){
$swiper.find('.swiper-button').css('margin', '0');
}});
});
const sidebar__ranking=new Swiper ('.sidebar__ranking', {
loop: true,
slidesPerView: 1,
autoHeight: false,
speed: 700,
autoplay: {
delay: 6000,
disableOnInteraction: true,
},
pagination: {
el: '.swiper-pagination',
type: 'bullets',
clickable: true,
},
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
},
});
let start_position=0,
window_position,
thiswindow=$(window),
footer=$('.footer__nav');
footer2=$('.footer__nav.other');
thiswindow.on('scroll' , function(){
window_position=$(this).scrollTop();
if(window_position===start_position){
footer.css('bottom', '-75px');
footer2.css('bottom', '-150px');
}else if(window_position <=start_position){
footer.css('bottom', '0');
footer2.css('bottom', '0');
}else{
footer.css('bottom', '-75px');
footer2.css('bottom', '-150px');
}
start_position=window_position;
});
thiswindow.trigger('scroll');
jQuery(function ($){
var device=navigator.userAgent;
$('.footer__nav.other .menu').click(function(){
$('.footer__column-list').addClass('active');
$("body").addClass("hamburger-true");
});
$('.footer__column-list .close').click(function(){
$('.footer__column-list').removeClass('active');
$("body").removeClass("hamburger-true");
});
$('.footer__column-list .screen').click(function(){
$('.footer__column-list').removeClass('active');
$("body").removeClass("hamburger-true");
});
});
jQuery(function ($){
var device=navigator.userAgent;
if((device.indexOf('iPhone') > 0||device.indexOf('Android') > 0)&&device.indexOf('Mobile') > 0){
const recommend_site=new Swiper ('.recommend-site', {
loop: true,
autoHeight: false,
speed: 1500,
slidesPerView: 1.2,
spaceBetween: 10,
centeredSlides: true,
autoplay: {
delay: 4000,
disableOnInteraction: true,
},
pagination: {
el: '.swiper-pagination',
type: 'bullets',
clickable: true,
},
});
}else{
const recommend_site=new Swiper ('.recommend-site', {
loop: true,
autoHeight: false,
speed: 1500,
slidesPerView: 1.5,
spaceBetween: 20,
centeredSlides: true,
autoplay: {
delay: 4000,
disableOnInteraction: true,
},
pagination: {
el: '.swiper-pagination',
type: 'bullets',
clickable: true,
},
});
}});
$(function(){
var textHeight=$('.writer .writer__contents .writer__contents__item .writer__contents__item__name--text .text1').height();
var lineHeight=parseFloat($('.writer .writer__contents .writer__contents__item .writer__contents__item__name--text .text1').css('line-height'));
var device=navigator.userAgent;
if((device.indexOf('iPhone') > 0||device.indexOf('Android') > 0)&&device.indexOf('Mobile') > 0){
var lineNum=3;
}else{
var lineNum=3;
}
var textNewHeight=lineHeight * lineNum;
if(textHeight > textNewHeight){
$('.writer .writer__contents .writer__contents__item .writer__contents__item__name--text .text1').css({
'height': textNewHeight,
'overflow':'hidden'
});
$('.readmore-btn1').show();
$('.readmore-btn1').click(function(){
$(this).hide();
$('.writer .writer__contents .writer__contents__item .writer__contents__item__name--text .text1').css({
'height': 'auto',
'overflow': 'visible'
});
return false;
});
};});
$(function(){
var textHeight=$('.writer .writer__contents .writer__contents__item .writer__contents__item__name--text .text2').height();
var lineHeight=parseFloat($('.writer .writer__contents .writer__contents__item .writer__contents__item__name--text .text2').css('line-height'));
var device=navigator.userAgent;
if((device.indexOf('iPhone') > 0||device.indexOf('Android') > 0)&&device.indexOf('Mobile') > 0){
var lineNum=3;
}else{
var lineNum=3;
}
var textNewHeight=lineHeight * lineNum;
if(textHeight > textNewHeight){
$('.writer .writer__contents .writer__contents__item .writer__contents__item__name--text .text2').css({
'height': textNewHeight,
'overflow':'hidden'
});
$('.readmore-btn2').show();
$('.readmore-btn2').click(function(){
$(this).hide();
$('.writer .writer__contents .writer__contents__item .writer__contents__item__name--text .text2').css({
'height': 'auto',
'overflow': 'visible'
});
return false;
});
};});
jQuery(function ($){
var device=navigator.userAgent;
if((device.indexOf('iPhone') > 0||device.indexOf('Android') > 0)&&device.indexOf('Mobile') > 0){
const bibitstamp=new Swiper ('.bibitstamp', {
autoHeight: false,
speed: 700,
slidesPerView: 1.2,
spaceBetween: 10,
centeredSlides: true,
initialSlide: 1,
});
}else{
const bibitstamp=new Swiper ('.bibitstamp', {
autoHeight: false,
speed: 700,
slidesPerView: 1.4,
spaceBetween: 30,
centeredSlides: true,
initialSlide: 1,
});
}});
jQuery(function ($){
var device=navigator.userAgent;
if((device.indexOf('iPhone') > 0||device.indexOf('Android') > 0)&&device.indexOf('Mobile') > 0){
const joinplan_scroll=new Swiper(".joinplan-scroll__swiper", {
slidesPerView: 1.1,
autoHeight: true,
spaceBetween: "2%",
grabCursor: true,
speed: 700,
});
}else{
const joinplan_scroll=new Swiper(".joinplan-scroll__swiper", {
slidesPerView: 2.2,
autoHeight: true,
spaceBetween: "2%",
grabCursor: true,
speed: 700,
});
}});
$(function(){
if($('.rank-platina').length){
var first_height=$('.rank-platina .rank-platina__contents .rank-platina__contents__item1').outerHeight(true);
var first_height_plus=first_height + 150;
$('.rank-platina .rank-platina__contents').css({'max-height': first_height_plus});
}});
const com_sp=new Swiper ('.com-sp', {
loop: true,
slidesPerView: 1,
autoHeight: false,
speed: 700,
pagination: {
el: '.swiper-pagination_com-sp',
type: 'bullets',
clickable: true,
},
navigation: {
nextEl: '.swiper-button-next_com-sp',
prevEl: '.swiper-button-prev_com-sp',
},
});
const rank_gold=new Swiper ('.rank-gold__contents', {
loop: true,
slidesPerView: 1,
autoHeight: false,
speed: 700,
pagination: {
el: '.swiper-pagination_rank-gold',
type: "fraction",
clickable: true,
},
navigation: {
nextEl: '.swiper-button-next_rank-gold',
prevEl: '.swiper-button-prev_rank-gold',
},
});
const rank_silver=new Swiper ('.rank-silver__contents', {
loop: true,
slidesPerView: 1,
autoHeight: false,
speed: 700,
pagination: {
el: '.swiper-pagination_rank-silver',
type: "fraction",
clickable: true,
},
navigation: {
nextEl: '.swiper-button-next_rank-silver',
prevEl: '.swiper-button-prev_rank-silver',
},
});
const rank_bronze=new Swiper ('.rank-bronze__contents', {
loop: true,
slidesPerView: 1,
autoHeight: false,
speed: 700,
pagination: {
el: '.swiper-pagination_rank-bronze',
type: "fraction",
clickable: true,
},
navigation: {
nextEl: '.swiper-button-next_rank-bronze',
prevEl: '.swiper-button-prev_rank-bronze',
},
})
const RANK_START=4;
const rank_platinum_pc=new Swiper ('.platinum__swiper.swiper', {
loop: false,
slidesPerView: 1,
autoHeight: false,
spaceBetween: 20,
pagination: {
el: '.swiper-pagination-platinum',
type: "custom",
renderCustom(s, current, total){
const i=current - 1;
const Start=i===0;
const End=i===total - 1;
const prevRank=RANK_START + (i - 1);
const nextRank=RANK_START + (i + 1);
if(Start){
return `
<span class="swiper-pagination__noprev">
${nextRank}位を見る
</span>`;
}
if(End){
return `
<span class="swiper-pagination__noprev">
${prevRank}位を見る
</span>`;
}
return `
<div class="swiper-pagination__normal">
<span>${prevRank}位</span>
<span>${nextRank}位</span>
</div>`;
},
},
navigation: {
nextEl: '.swiper-platinum-next',
prevEl: '.swiper-platinum-prev',
},
on:{
init(s){
const root=s.pagination.el;
root.addEventListener('click', (e)=>{
const btn=e.target.closest('.rank-btn');
if(!btn) return;
if(btn.classList.contains('prev')) s.slidePrev();
if(btn.classList.contains('next')) s.slideNext();
});
}}
});
const rank_gold_pc=new Swiper ('.gold__swiper.swiper', {
loop: false,
slidesPerView: 1,
autoHeight: false,
spaceBetween: 20,
pagination: {
el: '.swiper-pagination-gold',
type: "custom",
renderCustom(s, current, total){
const i=current - 1;
const Start=i===0;
const End=i===total - 1;
const prevRank=RANK_START + (i - 1);
const nextRank=RANK_START + (i + 1);
if(Start){
return `
<span class="swiper-pagination__noprev">
${nextRank}位を見る
</span>`;
}
if(End){
return `
<span class="swiper-pagination__noprev">
${prevRank}位を見る
</span>`;
}
return `
<div class="swiper-pagination__normal">
<span>${prevRank}位</span>
<span>${nextRank}位</span>
</div>`;
},
},
navigation: {
nextEl: '.swiper-gold-next',
prevEl: '.swiper-gold-prev',
},
on:{
init(s){
const root=s.pagination.el;
root.addEventListener('click', (e)=>{
const btn=e.target.closest('.rank-btn');
if(!btn) return;
if(btn.classList.contains('prev')) s.slidePrev();
if(btn.classList.contains('next')) s.slideNext();
});
}}
});
const rank_silver_pc=new Swiper ('.silver__swiper.swiper', {
loop: false,
slidesPerView: 1,
autoHeight: false,
spaceBetween: 20,
pagination: {
el: '.swiper-pagination-silver',
type: "custom",
renderCustom(s, current, total){
const i=current - 1;
const Start=i===0;
const End=i===total - 1;
const prevRank=RANK_START + (i - 1);
const nextRank=RANK_START + (i + 1);
if(Start){
return `
<span class="swiper-pagination__noprev">
${nextRank}位を見る
</span>`;
}
if(End){
return `
<span class="swiper-pagination__noprev">
${prevRank}位を見る
</span>`;
}
return `
<div class="swiper-pagination__normal">
<span>${prevRank}位</span>
<span>${nextRank}位</span>
</div>`;
},
},
navigation: {
nextEl: '.swiper-silver-next',
prevEl: '.swiper-silver-prev',
},
on:{
init(s){
const root=s.pagination.el;
root.addEventListener('click', (e)=>{
const btn=e.target.closest('.rank-btn');
if(!btn) return;
if(btn.classList.contains('prev')) s.slidePrev();
if(btn.classList.contains('next')) s.slideNext();
});
}}
})
const rank_bronze_pc=new Swiper ('.bronze__swiper.swiper', {
loop: false,
slidesPerView: 1,
autoHeight: false,
spaceBetween: 20,
pagination: {
el: '.swiper-pagination-bronze',
type: "custom",
renderCustom(s, current, total){
const i=current - 1;
const Start=i===0;
const End=i===total - 1;
const prevRank=RANK_START + (i - 1);
const nextRank=RANK_START + (i + 1);
if(Start){
return `
<span class="swiper-pagination__noprev">
${nextRank}位を見る
</span>`;
}
if(End){
return `
<span class="swiper-pagination__noprev">
${prevRank}位を見る
</span>`;
}
return `
<div class="swiper-pagination__normal">
<span>${prevRank}位</span>
<span>${nextRank}位</span>
</div>`;
},
},
navigation: {
nextEl: '.swiper-bronze-next',
prevEl: '.swiper-bronze-prev',
},
on:{
init(s){
const root=s.pagination.el;
root.addEventListener('click', (e)=>{
const btn=e.target.closest('.rank-btn');
if(!btn) return;
if(btn.classList.contains('prev')) s.slidePrev();
if(btn.classList.contains('next')) s.slideNext();
});
}}
})
const sitelist=new Swiper ('.sitelist-swiper.swiper', {
loop: false,
slidesPerView: 1,
autoHeight: false,
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
}})
$(function(){
$('.prediction-contents .prediction-contents__contents .prediction .bamei-seiseki').click(function(){
$(this).toggleClass('active');
$(this).parent().parent().next().slideToggle();
});
});
$('#prediction1-1').on('click', function (){
if($('.prediction-contents .prediction-contents__contents .prediction__contents__item').length){
var umaban=$(this).parent().prev().prev().text();
if($('[id=prediction1-1]').prop('checked')){
$(".prediction-contents .prediction-contents__contents .prediction-display .prediction-display__you .kaime .kaime__first").append('<span class="prediction1-1">'+umaban+'</span>');
}else{
$(".prediction-contents .prediction-contents__contents .prediction-display .prediction-display__you .kaime .kaime__first .prediction1-1").addClass('prediction1-1_none');
}}
});
$('#prediction1-2').on('click', function (){
if($('.prediction-contents .prediction-contents__contents .prediction__contents__item').length){
var umaban=$(this).parent().prev().prev().text();
if($('[id=prediction1-2]').prop('checked')){
$(".prediction-contents .prediction-contents__contents .prediction-display .prediction-display__you .kaime .kaime__second").append('<span class="prediction1-2">'+umaban+'</span>');
}else{
$(".prediction-contents .prediction-contents__contents .prediction-display .prediction-display__you .kaime .kaime__second .prediction1-2").addClass('prediction1-2_none');
}}
});
$('#prediction1-3').on('click', function (){
if($('.prediction-contents .prediction-contents__contents .prediction__contents__item').length){
var umaban=$(this).parent().prev().prev().text();
if($('[id=prediction1-3]').prop('checked')){
$(".prediction-contents .prediction-contents__contents .prediction-display .prediction-display__you .kaime .kaime__third").append('<span class="prediction1-3">'+umaban+'</span>');
}else{
$(".prediction-contents .prediction-contents__contents .prediction-display .prediction-display__you .kaime .kaime__third .prediction1-3").addClass('prediction1-3_none');
}}
});
$('#prediction2-1').on('click', function (){
if($('.prediction-contents .prediction-contents__contents .prediction__contents__item').length){
var umaban=$(this).parent().prev().prev().text();
if($('[id=prediction2-1]').prop('checked')){
$(".prediction-contents .prediction-contents__contents .prediction-display .prediction-display__you .kaime .kaime__first").append('<span class="prediction2-1">'+umaban+'</span>');
}else{
$(".prediction-contents .prediction-contents__contents .prediction-display .prediction-display__you .kaime .kaime__first .prediction2-1").addClass('prediction2-1_none');
}}
});
$('#prediction2-2').on('click', function (){
if($('.prediction-contents .prediction-contents__contents .prediction__contents__item').length){
var umaban=$(this).parent().prev().prev().text();
if($('[id=prediction2-2]').prop('checked')){
$(".prediction-contents .prediction-contents__contents .prediction-display .prediction-display__you .kaime .kaime__second").append('<span class="prediction2-2">'+umaban+'</span>');
}else{
$(".prediction-contents .prediction-contents__contents .prediction-display .prediction-display__you .kaime .kaime__second .prediction2-2").addClass('prediction2-2_none');
}}
});
$('#prediction2-3').on('click', function (){
if($('.prediction-contents .prediction-contents__contents .prediction__contents__item').length){
var umaban=$(this).parent().prev().prev().text();
if($('[id=prediction2-3]').prop('checked')){
$(".prediction-contents .prediction-contents__contents .prediction-display .prediction-display__you .kaime .kaime__third").append('<span class="prediction2-3">'+umaban+'</span>');
}else{
$(".prediction-contents .prediction-contents__contents .prediction-display .prediction-display__you .kaime .kaime__third .prediction2-3").addClass('prediction2-3_none');
}}
});
$('#prediction3-1').on('click', function (){
if($('.prediction-contents .prediction-contents__contents .prediction__contents__item').length){
var umaban=$(this).parent().prev().prev().text();
if($('[id=prediction3-1]').prop('checked')){
$(".prediction-contents .prediction-contents__contents .prediction-display .prediction-display__you .kaime .kaime__first").append('<span class="prediction3-1">'+umaban+'</span>');
}else{
$(".prediction-contents .prediction-contents__contents .prediction-display .prediction-display__you .kaime .kaime__first .prediction3-1").addClass('prediction3-1_none');
}}
});
$('#prediction3-2').on('click', function (){
if($('.prediction-contents .prediction-contents__contents .prediction__contents__item').length){
var umaban=$(this).parent().prev().prev().text();
if($('[id=prediction3-2]').prop('checked')){
$(".prediction-contents .prediction-contents__contents .prediction-display .prediction-display__you .kaime .kaime__second").append('<span class="prediction3-2">'+umaban+'</span>');
}else{
$(".prediction-contents .prediction-contents__contents .prediction-display .prediction-display__you .kaime .kaime__second .prediction3-2").addClass('prediction3-2_none');
}}
});
$('#prediction3-3').on('click', function (){
if($('.prediction-contents .prediction-contents__contents .prediction__contents__item').length){
var umaban=$(this).parent().prev().prev().text();
if($('[id=prediction3-3]').prop('checked')){
$(".prediction-contents .prediction-contents__contents .prediction-display .prediction-display__you .kaime .kaime__third").append('<span class="prediction3-3">'+umaban+'</span>');
}else{
$(".prediction-contents .prediction-contents__contents .prediction-display .prediction-display__you .kaime .kaime__third .prediction3-3").addClass('prediction3-3_none');
}}
});
$('#prediction4-1').on('click', function (){
if($('.prediction-contents .prediction-contents__contents .prediction__contents__item').length){
var umaban=$(this).parent().prev().prev().text();
if($('[id=prediction4-1]').prop('checked')){
$(".prediction-contents .prediction-contents__contents .prediction-display .prediction-display__you .kaime .kaime__first").append('<span class="prediction4-1">'+umaban+'</span>');
}else{
$(".prediction-contents .prediction-contents__contents .prediction-display .prediction-display__you .kaime .kaime__first .prediction4-1").addClass('prediction4-1_none');
}}
});
$('#prediction4-2').on('click', function (){
if($('.prediction-contents .prediction-contents__contents .prediction__contents__item').length){
var umaban=$(this).parent().prev().prev().text();
if($('[id=prediction4-2]').prop('checked')){
$(".prediction-contents .prediction-contents__contents .prediction-display .prediction-display__you .kaime .kaime__second").append('<span class="prediction4-2">'+umaban+'</span>');
}else{
$(".prediction-contents .prediction-contents__contents .prediction-display .prediction-display__you .kaime .kaime__second .prediction4-2").addClass('prediction4-2_none');
}}
});
$('#prediction4-3').on('click', function (){
if($('.prediction-contents .prediction-contents__contents .prediction__contents__item').length){
var umaban=$(this).parent().prev().prev().text();
if($('[id=prediction4-3]').prop('checked')){
$(".prediction-contents .prediction-contents__contents .prediction-display .prediction-display__you .kaime .kaime__third").append('<span class="prediction4-3">'+umaban+'</span>');
}else{
$(".prediction-contents .prediction-contents__contents .prediction-display .prediction-display__you .kaime .kaime__third .prediction4-3").addClass('prediction4-3_none');
}}
});
$('#prediction5-1').on('click', function (){
if($('.prediction-contents .prediction-contents__contents .prediction__contents__item').length){
var umaban=$(this).parent().prev().prev().text();
if($('[id=prediction5-1]').prop('checked')){
$(".prediction-contents .prediction-contents__contents .prediction-display .prediction-display__you .kaime .kaime__first").append('<span class="prediction5-1">'+umaban+'</span>');
}else{
$(".prediction-contents .prediction-contents__contents .prediction-display .prediction-display__you .kaime .kaime__first .prediction5-1").addClass('prediction5-1_none');
}}
});
$('#prediction5-2').on('click', function (){
if($('.prediction-contents .prediction-contents__contents .prediction__contents__item').length){
var umaban=$(this).parent().prev().prev().text();
if($('[id=prediction5-2]').prop('checked')){
$(".prediction-contents .prediction-contents__contents .prediction-display .prediction-display__you .kaime .kaime__second").append('<span class="prediction5-2">'+umaban+'</span>');
}else{
$(".prediction-contents .prediction-contents__contents .prediction-display .prediction-display__you .kaime .kaime__second .prediction5-2").addClass('prediction5-2_none');
}}
});
$('#prediction5-3').on('click', function (){
if($('.prediction-contents .prediction-contents__contents .prediction__contents__item').length){
var umaban=$(this).parent().prev().prev().text();
if($('[id=prediction5-3]').prop('checked')){
$(".prediction-contents .prediction-contents__contents .prediction-display .prediction-display__you .kaime .kaime__third").append('<span class="prediction5-3">'+umaban+'</span>');
}else{
$(".prediction-contents .prediction-contents__contents .prediction-display .prediction-display__you .kaime .kaime__third .prediction5-3").addClass('prediction5-3_none');
}}
});
$('#prediction6-1').on('click', function (){
if($('.prediction-contents .prediction-contents__contents .prediction__contents__item').length){
var umaban=$(this).parent().prev().prev().text();
if($('[id=prediction6-1]').prop('checked')){
$(".prediction-contents .prediction-contents__contents .prediction-display .prediction-display__you .kaime .kaime__first").append('<span class="prediction6-1">'+umaban+'</span>');
}else{
$(".prediction-contents .prediction-contents__contents .prediction-display .prediction-display__you .kaime .kaime__first .prediction6-1").addClass('prediction6-1_none');
}}
});
$('#prediction6-2').on('click', function (){
if($('.prediction-contents .prediction-contents__contents .prediction__contents__item').length){
var umaban=$(this).parent().prev().prev().text();
if($('[id=prediction6-2]').prop('checked')){
$(".prediction-contents .prediction-contents__contents .prediction-display .prediction-display__you .kaime .kaime__second").append('<span class="prediction6-2">'+umaban+'</span>');
}else{
$(".prediction-contents .prediction-contents__contents .prediction-display .prediction-display__you .kaime .kaime__second .prediction6-2").addClass('prediction6-2_none');
}}
});
$('#prediction6-3').on('click', function (){
if($('.prediction-contents .prediction-contents__contents .prediction__contents__item').length){
var umaban=$(this).parent().prev().prev().text();
if($('[id=prediction6-3]').prop('checked')){
$(".prediction-contents .prediction-contents__contents .prediction-display .prediction-display__you .kaime .kaime__third").append('<span class="prediction6-3">'+umaban+'</span>');
}else{
$(".prediction-contents .prediction-contents__contents .prediction-display .prediction-display__you .kaime .kaime__third .prediction6-3").addClass('prediction6-3_none');
}}
});
$('#prediction7-1').on('click', function (){
if($('.prediction-contents .prediction-contents__contents .prediction__contents__item').length){
var umaban=$(this).parent().prev().prev().text();
if($('[id=prediction7-1]').prop('checked')){
$(".prediction-contents .prediction-contents__contents .prediction-display .prediction-display__you .kaime .kaime__first").append('<span class="prediction7-1">'+umaban+'</span>');
}else{
$(".prediction-contents .prediction-contents__contents .prediction-display .prediction-display__you .kaime .kaime__first .prediction7-1").addClass('prediction7-1_none');
}}
});
$('#prediction7-2').on('click', function (){
if($('.prediction-contents .prediction-contents__contents .prediction__contents__item').length){
var umaban=$(this).parent().prev().prev().text();
if($('[id=prediction7-2]').prop('checked')){
$(".prediction-contents .prediction-contents__contents .prediction-display .prediction-display__you .kaime .kaime__second").append('<span class="prediction7-2">'+umaban+'</span>');
}else{
$(".prediction-contents .prediction-contents__contents .prediction-display .prediction-display__you .kaime .kaime__second .prediction7-2").addClass('prediction7-2_none');
}}
});
$('#prediction7-3').on('click', function (){
if($('.prediction-contents .prediction-contents__contents .prediction__contents__item').length){
var umaban=$(this).parent().prev().prev().text();
if($('[id=prediction7-3]').prop('checked')){
$(".prediction-contents .prediction-contents__contents .prediction-display .prediction-display__you .kaime .kaime__third").append('<span class="prediction7-3">'+umaban+'</span>');
}else{
$(".prediction-contents .prediction-contents__contents .prediction-display .prediction-display__you .kaime .kaime__third .prediction7-3").addClass('prediction7-3_none');
}}
});
$('#prediction8-1').on('click', function (){
if($('.prediction-contents .prediction-contents__contents .prediction__contents__item').length){
var umaban=$(this).parent().prev().prev().text();
if($('[id=prediction8-1]').prop('checked')){
$(".prediction-contents .prediction-contents__contents .prediction-display .prediction-display__you .kaime .kaime__first").append('<span class="prediction8-1">'+umaban+'</span>');
}else{
$(".prediction-contents .prediction-contents__contents .prediction-display .prediction-display__you .kaime .kaime__first .prediction8-1").addClass('prediction8-1_none');
}}
});
$('#prediction8-2').on('click', function (){
if($('.prediction-contents .prediction-contents__contents .prediction__contents__item').length){
var umaban=$(this).parent().prev().prev().text();
if($('[id=prediction8-2]').prop('checked')){
$(".prediction-contents .prediction-contents__contents .prediction-display .prediction-display__you .kaime .kaime__second").append('<span class="prediction8-2">'+umaban+'</span>');
}else{
$(".prediction-contents .prediction-contents__contents .prediction-display .prediction-display__you .kaime .kaime__second .prediction8-2").addClass('prediction8-2_none');
}}
});
$('#prediction8-3').on('click', function (){
if($('.prediction-contents .prediction-contents__contents .prediction__contents__item').length){
var umaban=$(this).parent().prev().prev().text();
if($('[id=prediction8-3]').prop('checked')){
$(".prediction-contents .prediction-contents__contents .prediction-display .prediction-display__you .kaime .kaime__third").append('<span class="prediction8-3">'+umaban+'</span>');
}else{
$(".prediction-contents .prediction-contents__contents .prediction-display .prediction-display__you .kaime .kaime__third .prediction8-3").addClass('prediction8-3_none');
}}
});
$('#prediction9-1').on('click', function (){
if($('.prediction-contents .prediction-contents__contents .prediction__contents__item').length){
var umaban=$(this).parent().prev().prev().text();
if($('[id=prediction9-1]').prop('checked')){
$(".prediction-contents .prediction-contents__contents .prediction-display .prediction-display__you .kaime .kaime__first").append('<span class="prediction9-1">'+umaban+'</span>');
}else{
$(".prediction-contents .prediction-contents__contents .prediction-display .prediction-display__you .kaime .kaime__first .prediction9-1").addClass('prediction9-1_none');
}}
});
$('#prediction9-2').on('click', function (){
if($('.prediction-contents .prediction-contents__contents .prediction__contents__item').length){
var umaban=$(this).parent().prev().prev().text();
if($('[id=prediction9-2]').prop('checked')){
$(".prediction-contents .prediction-contents__contents .prediction-display .prediction-display__you .kaime .kaime__second").append('<span class="prediction9-2">'+umaban+'</span>');
}else{
$(".prediction-contents .prediction-contents__contents .prediction-display .prediction-display__you .kaime .kaime__second .prediction9-2").addClass('prediction9-2_none');
}}
});
$('#prediction9-3').on('click', function (){
if($('.prediction-contents .prediction-contents__contents .prediction__contents__item').length){
var umaban=$(this).parent().prev().prev().text();
if($('[id=prediction9-3]').prop('checked')){
$(".prediction-contents .prediction-contents__contents .prediction-display .prediction-display__you .kaime .kaime__third").append('<span class="prediction9-3">'+umaban+'</span>');
}else{
$(".prediction-contents .prediction-contents__contents .prediction-display .prediction-display__you .kaime .kaime__third .prediction9-3").addClass('prediction9-3_none');
}}
});
$('#prediction10-1').on('click', function (){
if($('.prediction-contents .prediction-contents__contents .prediction__contents__item').length){
var umaban=$(this).parent().prev().prev().text();
if($('[id=prediction10-1]').prop('checked')){
$(".prediction-contents .prediction-contents__contents .prediction-display .prediction-display__you .kaime .kaime__first").append('<span class="prediction10-1">'+umaban+'</span>');
}else{
$(".prediction-contents .prediction-contents__contents .prediction-display .prediction-display__you .kaime .kaime__first .prediction10-1").addClass('prediction10-1_none');
}}
});
$('#prediction10-2').on('click', function (){
if($('.prediction-contents .prediction-contents__contents .prediction__contents__item').length){
var umaban=$(this).parent().prev().prev().text();
if($('[id=prediction10-2]').prop('checked')){
$(".prediction-contents .prediction-contents__contents .prediction-display .prediction-display__you .kaime .kaime__second").append('<span class="prediction10-2">'+umaban+'</span>');
}else{
$(".prediction-contents .prediction-contents__contents .prediction-display .prediction-display__you .kaime .kaime__second .prediction10-2").addClass('prediction10-2_none');
}}
});
$('#prediction10-3').on('click', function (){
if($('.prediction-contents .prediction-contents__contents .prediction__contents__item').length){
var umaban=$(this).parent().prev().prev().text();
if($('[id=prediction10-3]').prop('checked')){
$(".prediction-contents .prediction-contents__contents .prediction-display .prediction-display__you .kaime .kaime__third").append('<span class="prediction10-3">'+umaban+'</span>');
}else{
$(".prediction-contents .prediction-contents__contents .prediction-display .prediction-display__you .kaime .kaime__third .prediction10-3").addClass('prediction10-3_none');
}}
});
$('#prediction11-1').on('click', function (){
if($('.prediction-contents .prediction-contents__contents .prediction__contents__item').length){
var umaban=$(this).parent().prev().prev().text();
if($('[id=prediction11-1]').prop('checked')){
$(".prediction-contents .prediction-contents__contents .prediction-display .prediction-display__you .kaime .kaime__first").append('<span class="prediction11-1">'+umaban+'</span>');
}else{
$(".prediction-contents .prediction-contents__contents .prediction-display .prediction-display__you .kaime .kaime__first .prediction11-1").addClass('prediction11-1_none');
}}
});
$('#prediction11-2').on('click', function (){
if($('.prediction-contents .prediction-contents__contents .prediction__contents__item').length){
var umaban=$(this).parent().prev().prev().text();
if($('[id=prediction11-2]').prop('checked')){
$(".prediction-contents .prediction-contents__contents .prediction-display .prediction-display__you .kaime .kaime__second").append('<span class="prediction11-2">'+umaban+'</span>');
}else{
$(".prediction-contents .prediction-contents__contents .prediction-display .prediction-display__you .kaime .kaime__second .prediction11-2").addClass('prediction11-2_none');
}}
});
$('#prediction11-3').on('click', function (){
if($('.prediction-contents .prediction-contents__contents .prediction__contents__item').length){
var umaban=$(this).parent().prev().prev().text();
if($('[id=prediction11-3]').prop('checked')){
$(".prediction-contents .prediction-contents__contents .prediction-display .prediction-display__you .kaime .kaime__third").append('<span class="prediction11-3">'+umaban+'</span>');
}else{
$(".prediction-contents .prediction-contents__contents .prediction-display .prediction-display__you .kaime .kaime__third .prediction11-3").addClass('prediction11-3_none');
}}
});
$('#prediction12-1').on('click', function (){
if($('.prediction-contents .prediction-contents__contents .prediction__contents__item').length){
var umaban=$(this).parent().prev().prev().text();
if($('[id=prediction12-1]').prop('checked')){
$(".prediction-contents .prediction-contents__contents .prediction-display .prediction-display__you .kaime .kaime__first").append('<span class="prediction12-1">'+umaban+'</span>');
}else{
$(".prediction-contents .prediction-contents__contents .prediction-display .prediction-display__you .kaime .kaime__first .prediction12-1").addClass('prediction12-1_none');
}}
});
$('#prediction12-2').on('click', function (){
if($('.prediction-contents .prediction-contents__contents .prediction__contents__item').length){
var umaban=$(this).parent().prev().prev().text();
if($('[id=prediction12-2]').prop('checked')){
$(".prediction-contents .prediction-contents__contents .prediction-display .prediction-display__you .kaime .kaime__second").append('<span class="prediction12-2">'+umaban+'</span>');
}else{
$(".prediction-contents .prediction-contents__contents .prediction-display .prediction-display__you .kaime .kaime__second .prediction12-2").addClass('prediction12-2_none');
}}
});
$('#prediction12-3').on('click', function (){
if($('.prediction-contents .prediction-contents__contents .prediction__contents__item').length){
var umaban=$(this).parent().prev().prev().text();
if($('[id=prediction12-3]').prop('checked')){
$(".prediction-contents .prediction-contents__contents .prediction-display .prediction-display__you .kaime .kaime__third").append('<span class="prediction12-3">'+umaban+'</span>');
}else{
$(".prediction-contents .prediction-contents__contents .prediction-display .prediction-display__you .kaime .kaime__third .prediction12-3").addClass('prediction12-3_none');
}}
});
$('#prediction13-1').on('click', function (){
if($('.prediction-contents .prediction-contents__contents .prediction__contents__item').length){
var umaban=$(this).parent().prev().prev().text();
if($('[id=prediction13-1]').prop('checked')){
$(".prediction-contents .prediction-contents__contents .prediction-display .prediction-display__you .kaime .kaime__first").append('<span class="prediction13-1">'+umaban+'</span>');
}else{
$(".prediction-contents .prediction-contents__contents .prediction-display .prediction-display__you .kaime .kaime__first .prediction13-1").addClass('prediction13-1_none');
}}
});
$('#prediction13-2').on('click', function (){
if($('.prediction-contents .prediction-contents__contents .prediction__contents__item').length){
var umaban=$(this).parent().prev().prev().text();
if($('[id=prediction13-2]').prop('checked')){
$(".prediction-contents .prediction-contents__contents .prediction-display .prediction-display__you .kaime .kaime__second").append('<span class="prediction13-2">'+umaban+'</span>');
}else{
$(".prediction-contents .prediction-contents__contents .prediction-display .prediction-display__you .kaime .kaime__second .prediction13-2").addClass('prediction13-2_none');
}}
});
$('#prediction13-3').on('click', function (){
if($('.prediction-contents .prediction-contents__contents .prediction__contents__item').length){
var umaban=$(this).parent().prev().prev().text();
if($('[id=prediction13-3]').prop('checked')){
$(".prediction-contents .prediction-contents__contents .prediction-display .prediction-display__you .kaime .kaime__third").append('<span class="prediction13-3">'+umaban+'</span>');
}else{
$(".prediction-contents .prediction-contents__contents .prediction-display .prediction-display__you .kaime .kaime__third .prediction13-3").addClass('prediction13-3_none');
}}
});
$('#prediction14-1').on('click', function (){
if($('.prediction-contents .prediction-contents__contents .prediction__contents__item').length){
var umaban=$(this).parent().prev().prev().text();
if($('[id=prediction14-1]').prop('checked')){
$(".prediction-contents .prediction-contents__contents .prediction-display .prediction-display__you .kaime .kaime__first").append('<span class="prediction14-1">'+umaban+'</span>');
}else{
$(".prediction-contents .prediction-contents__contents .prediction-display .prediction-display__you .kaime .kaime__first .prediction14-1").addClass('prediction14-1_none');
}}
});
$('#prediction14-2').on('click', function (){
if($('.prediction-contents .prediction-contents__contents .prediction__contents__item').length){
var umaban=$(this).parent().prev().prev().text();
if($('[id=prediction14-2]').prop('checked')){
$(".prediction-contents .prediction-contents__contents .prediction-display .prediction-display__you .kaime .kaime__second").append('<span class="prediction14-2">'+umaban+'</span>');
}else{
$(".prediction-contents .prediction-contents__contents .prediction-display .prediction-display__you .kaime .kaime__second .prediction14-2").addClass('prediction14-2_none');
}}
});
$('#prediction14-3').on('click', function (){
if($('.prediction-contents .prediction-contents__contents .prediction__contents__item').length){
var umaban=$(this).parent().prev().prev().text();
if($('[id=prediction14-3]').prop('checked')){
$(".prediction-contents .prediction-contents__contents .prediction-display .prediction-display__you .kaime .kaime__third").append('<span class="prediction14-3">'+umaban+'</span>');
}else{
$(".prediction-contents .prediction-contents__contents .prediction-display .prediction-display__you .kaime .kaime__third .prediction14-3").addClass('prediction14-3_none');
}}
});
$('#prediction15-1').on('click', function (){
if($('.prediction-contents .prediction-contents__contents .prediction__contents__item').length){
var umaban=$(this).parent().prev().prev().text();
if($('[id=prediction15-1]').prop('checked')){
$(".prediction-contents .prediction-contents__contents .prediction-display .prediction-display__you .kaime .kaime__first").append('<span class="prediction15-1">'+umaban+'</span>');
}else{
$(".prediction-contents .prediction-contents__contents .prediction-display .prediction-display__you .kaime .kaime__first .prediction15-1").addClass('prediction15-1_none');
}}
});
$('#prediction15-2').on('click', function (){
if($('.prediction-contents .prediction-contents__contents .prediction__contents__item').length){
var umaban=$(this).parent().prev().prev().text();
if($('[id=prediction15-2]').prop('checked')){
$(".prediction-contents .prediction-contents__contents .prediction-display .prediction-display__you .kaime .kaime__second").append('<span class="prediction15-2">'+umaban+'</span>');
}else{
$(".prediction-contents .prediction-contents__contents .prediction-display .prediction-display__you .kaime .kaime__second .prediction15-2").addClass('prediction15-2_none');
}}
});
$('#prediction15-3').on('click', function (){
if($('.prediction-contents .prediction-contents__contents .prediction__contents__item').length){
var umaban=$(this).parent().prev().prev().text();
if($('[id=prediction15-3]').prop('checked')){
$(".prediction-contents .prediction-contents__contents .prediction-display .prediction-display__you .kaime .kaime__third").append('<span class="prediction15-3">'+umaban+'</span>');
}else{
$(".prediction-contents .prediction-contents__contents .prediction-display .prediction-display__you .kaime .kaime__third .prediction15-3").addClass('prediction15-3_none');
}}
});
$('#prediction16-1').on('click', function (){
if($('.prediction-contents .prediction-contents__contents .prediction__contents__item').length){
var umaban=$(this).parent().prev().prev().text();
if($('[id=prediction16-1]').prop('checked')){
$(".prediction-contents .prediction-contents__contents .prediction-display .prediction-display__you .kaime .kaime__first").append('<span class="prediction16-1">'+umaban+'</span>');
}else{
$(".prediction-contents .prediction-contents__contents .prediction-display .prediction-display__you .kaime .kaime__first .prediction16-1").addClass('prediction16-1_none');
}}
});
$('#prediction16-2').on('click', function (){
if($('.prediction-contents .prediction-contents__contents .prediction__contents__item').length){
var umaban=$(this).parent().prev().prev().text();
if($('[id=prediction16-2]').prop('checked')){
$(".prediction-contents .prediction-contents__contents .prediction-display .prediction-display__you .kaime .kaime__second").append('<span class="prediction16-2">'+umaban+'</span>');
}else{
$(".prediction-contents .prediction-contents__contents .prediction-display .prediction-display__you .kaime .kaime__second .prediction16-2").addClass('prediction16-2_none');
}}
});
$('#prediction16-3').on('click', function (){
if($('.prediction-contents .prediction-contents__contents .prediction__contents__item').length){
var umaban=$(this).parent().prev().prev().text();
if($('[id=prediction16-3]').prop('checked')){
$(".prediction-contents .prediction-contents__contents .prediction-display .prediction-display__you .kaime .kaime__third").append('<span class="prediction16-3">'+umaban+'</span>');
}else{
$(".prediction-contents .prediction-contents__contents .prediction-display .prediction-display__you .kaime .kaime__third .prediction16-3").addClass('prediction16-3_none');
}}
});
$('#prediction17-1').on('click', function (){
if($('.prediction-contents .prediction-contents__contents .prediction__contents__item').length){
var umaban=$(this).parent().prev().prev().text();
if($('[id=prediction17-1]').prop('checked')){
$(".prediction-contents .prediction-contents__contents .prediction-display .prediction-display__you .kaime .kaime__first").append('<span class="prediction17-1">'+umaban+'</span>');
}else{
$(".prediction-contents .prediction-contents__contents .prediction-display .prediction-display__you .kaime .kaime__first .prediction17-1").addClass('prediction17-1_none');
}}
});
$('#prediction17-2').on('click', function (){
if($('.prediction-contents .prediction-contents__contents .prediction__contents__item').length){
var umaban=$(this).parent().prev().prev().text();
if($('[id=prediction17-2]').prop('checked')){
$(".prediction-contents .prediction-contents__contents .prediction-display .prediction-display__you .kaime .kaime__second").append('<span class="prediction17-2">'+umaban+'</span>');
}else{
$(".prediction-contents .prediction-contents__contents .prediction-display .prediction-display__you .kaime .kaime__second .prediction17-2").addClass('prediction17-2_none');
}}
});
$('#prediction17-3').on('click', function (){
if($('.prediction-contents .prediction-contents__contents .prediction__contents__item').length){
var umaban=$(this).parent().prev().prev().text();
if($('[id=prediction17-3]').prop('checked')){
$(".prediction-contents .prediction-contents__contents .prediction-display .prediction-display__you .kaime .kaime__third").append('<span class="prediction17-3">'+umaban+'</span>');
}else{
$(".prediction-contents .prediction-contents__contents .prediction-display .prediction-display__you .kaime .kaime__third .prediction17-3").addClass('prediction17-3_none');
}}
});
$('#prediction18-1').on('click', function (){
if($('.prediction-contents .prediction-contents__contents .prediction__contents__item').length){
var umaban=$(this).parent().prev().prev().text();
if($('[id=prediction18-1]').prop('checked')){
$(".prediction-contents .prediction-contents__contents .prediction-display .prediction-display__you .kaime .kaime__first").append('<span class="prediction18-1">'+umaban+'</span>');
}else{
$(".prediction-contents .prediction-contents__contents .prediction-display .prediction-display__you .kaime .kaime__first .prediction18-1").addClass('prediction18-1_none');
}}
});
$('#prediction18-2').on('click', function (){
if($('.prediction-contents .prediction-contents__contents .prediction__contents__item').length){
var umaban=$(this).parent().prev().prev().text();
if($('[id=prediction18-2]').prop('checked')){
$(".prediction-contents .prediction-contents__contents .prediction-display .prediction-display__you .kaime .kaime__second").append('<span class="prediction18-2">'+umaban+'</span>');
}else{
$(".prediction-contents .prediction-contents__contents .prediction-display .prediction-display__you .kaime .kaime__second .prediction18-2").addClass('prediction18-2_none');
}}
});
$('#prediction18-3').on('click', function (){
if($('.prediction-contents .prediction-contents__contents .prediction__contents__item').length){
var umaban=$(this).parent().prev().prev().text();
if($('[id=prediction18-3]').prop('checked')){
$(".prediction-contents .prediction-contents__contents .prediction-display .prediction-display__you .kaime .kaime__third").append('<span class="prediction18-3">'+umaban+'</span>');
}else{
$(".prediction-contents .prediction-contents__contents .prediction-display .prediction-display__you .kaime .kaime__third .prediction18-3").addClass('prediction18-3_none');
}}
});
$('.prediction-kaime_button').on('click', function (){
$(".prediction-contents .prediction-contents__contents .prediction-display").css('display', 'flex');
$(".prediction-contents .prediction-contents__contents .prediction-result_button").css('display', 'flex');
});
$('.prediction-result_button').on('click', function (){
$(".prediction-contents .prediction-contents__contents .prediction-result").css('display', 'block');
});
jQuery(function ($){
const dataId=$('.tab-comparison-free').data('id');
$.ajax({
type:'POST',
data:{
'action':'get_post_content',
'postId':dataId
},
url:ajaxurl,
success: function(res){
const table=$('.tab-comparison-free');
table.html(res);
}});
})
jQuery(function ($){
var device=navigator.userAgent;
if((device.indexOf('iPhone') > 0||device.indexOf('Android') > 0)&&device.indexOf('Mobile') > 0){
const justslider=new Swiper ('.justslider .swiper', {
slidesPerView: 1.2,
pagination: {
el: '.swiper-pagination',
type: 'bullets',
clickable: true,
},
});
}else{
const justslider=new Swiper ('.justslider .swiper', {
slidesPerView: 2,
spaceBetween: 35,
pagination: {
el: '.swiper-pagination',
type: 'bullets',
clickable: true,
},
});
}});
$(function(){
function sortTable(dataKey, order='desc'){
const tableRow=$('tr.thumbnail--name');
const cell=tableRow.find('td');
const columns=cell.map(function(i, td){
return {
index: i,
value: parseFloat($(td).data(dataKey))||0,
time: parseInt($(td).data('time'))||0
};}).get();
columns.sort(function(a, b){
if(a.value!==b.value){
return order==='asc' ? a.value - b.value:b.value - a.value;
}
return b.time - a.time;
});
const newIndexes=columns.map(col=> col.index);
$('table tr').each(function(){
const tds=$(this).children('td');
const newTds=newIndexes.map(i=> tds.eq(i).clone());
tds.remove();
$(this).append(newTds);
});
}
$('.recommend-sitelist__table .tabs li label').on('click', function (e){
var input=$(this).find('input');
if(input.length===0){
var forId=$(this).attr('for');
input=$('#' + forId);
}
if(input.prop('checked')){
input.prop('checked', false);
e.preventDefault();
}
sortTable('num', 'asc');
$('.enclosure').scrollLeft(0);
});
$('#sort-hit').on('click', function (){
sortTable('hr', 'desc');
$('.enclosure').scrollLeft(0);
});
$('#sort-recovery').on('click', function (){
sortTable('rr', 'desc');
$('.enclosure').scrollLeft(0);
});
$('#sort-score').on('click', function (){
sortTable('noi', 'asc');
$('.enclosure').scrollLeft(0);
});
$('#sort-local').on('click', function (){
sortTable('ll', 'desc');
$('.enclosure').scrollLeft(0);
});
$('#sort-recent').on('click', function (){
sortTable('time', 'desc');
$('.enclosure').scrollLeft(0);
});
$('#sort-com').on('click', function (){
sortTable('cme', 'desc');
$('.enclosure').scrollLeft(0);
});
});
$(function(){
var genre_comparison_table='.genre_comparison-table';
var genre_comparison_table_button1='.genre_comparison-table .name--button-comparison__button-comparison1';
var genre_comparison_table_button2='.genre_comparison-table .name--button-comparison__button-comparison2';
var genre_comparison_table_button3='.genre_comparison-table .name--button-comparison__button-comparison3';
var genre_comparison_table_button4='.genre_comparison-table .name--button-comparison__button-comparison4';
var genre_comparison_table_button5='.genre_comparison-table .name--button-comparison__button-comparison5';
if($(genre_comparison_table).length){
$(document).on('click', genre_comparison_table_button1, function(){
$(genre_comparison_table_button1).removeClass('active');
$(this).addClass('active');
let targetClassName='';
const buttonClasses=$(this).attr('class').split(/\s+/);
for (let i=0; i < buttonClasses.length; i++){
const className=buttonClasses[i];
if(className.startsWith('genre')&&className.includes('-')){
targetClassName=`${className}-content`;
break;
}}
$('.bottomtable_site').removeClass('active');
if(targetClassName){
$(`.${targetClassName}`).addClass('active');
}});
$(document).on('click', genre_comparison_table_button2, function(){
$(genre_comparison_table_button2).removeClass('active');
$(this).addClass('active');
let targetClassName='';
const buttonClasses=$(this).attr('class').split(/\s+/);
for (let i=0; i < buttonClasses.length; i++){
const className=buttonClasses[i];
if(className.startsWith('genre')&&className.includes('-')){
targetClassName=`${className}-content`;
break;
}}
$('.bottomtable_youtube').removeClass('active');
if(targetClassName){
$(`.${targetClassName}`).addClass('active');
}});
$(document).on('click', genre_comparison_table_button3, function(){
$(genre_comparison_table_button3).removeClass('active');
$(this).addClass('active');
let targetClassName='';
const buttonClasses=$(this).attr('class').split(/\s+/);
for (let i=0; i < buttonClasses.length; i++){
const className=buttonClasses[i];
if(className.startsWith('genre')&&className.includes('-')){
targetClassName=`${className}-content`;
break;
}}
$('.bottomtable_yoso').removeClass('active');
if(targetClassName){
$(`.${targetClassName}`).addClass('active');
}});
$(document).on('click', genre_comparison_table_button4, function(){
$(genre_comparison_table_button4).removeClass('active');
$(this).addClass('active');
let targetClassName='';
const buttonClasses=$(this).attr('class').split(/\s+/);
for (let i=0; i < buttonClasses.length; i++){
const className=buttonClasses[i];
if(className.startsWith('genre')&&className.includes('-')){
targetClassName=`${className}-content`;
break;
}}
$('.bottomtable_ai').removeClass('active');
if(targetClassName){
$(`.${targetClassName}`).addClass('active');
}});
$(document).on('click', genre_comparison_table_button5, function(){
$(genre_comparison_table_button5).removeClass('active');
$(this).addClass('active');
let targetClassName='';
const buttonClasses=$(this).attr('class').split(/\s+/);
for (let i=0; i < buttonClasses.length; i++){
const className=buttonClasses[i];
if(className.startsWith('genre')&&className.includes('-')){
targetClassName=`${className}-content`;
break;
}}
$('.bottomtable_news').removeClass('active');
if(targetClassName){
$(`.${targetClassName}`).addClass('active');
}});
}});
$(document).ready(function(){
var $table=$(".tablesort-youtuber table");
var displayNum=15;
function limitTableRows(){
$table.find('tbody tr').show();
$table.find('tbody tr:gt(' + (displayNum - 1) + ')').hide();
}
$table.tablesorter({
textExtraction: function(node){
var attr=$(node).attr('data-value');
if(typeof attr!=='undefined'&&attr!==false){
return attr;
}
return $(node).text();
}});
$table.trigger("update", [ true ])
.trigger("sorton", [[[1,1]]]);
$table.on("sortEnd", function(){
limitTableRows();
});
limitTableRows();
});
function aiyosoucheck(json){
const nowhost=location.host;
let api_url;
if(nowhost=='umabi.jp'){
api_url='https://umabi.jp/wp-content/themes/keibaBibit_241106/templates/api/yosou_get.php';
}else{
api_url='http://localhost:8099/umabi.jp/wp-content/themes/keibaBibit_241106/templates/api/yosou_get.php';
}
const aiyosou_jra=document.getElementById('aiyosou-jra');
if(aiyosou_jra){
if(json==false){
const date='';
const jcd='';
const race_num='';
var send_json=JSON.stringify({
"date": date,
"jcd": jcd,
"race_num": race_num,
"data_choice": 0,
"pfm": "web",
"mode": "cors"
});
}else{
var send_json=json;
const loading_bibit=document.querySelectorAll('.div__aiyosou__loading')[0];
loading_bibit.classList.remove('closed');
}
const xhr=new XMLHttpRequest;
xhr.open('POST', api_url, true);
xhr.setRequestHeader('Content-Type', 'application/json');
xhr.send(send_json);
xhr.onload=function(){
const res=this.responseText;
if(res){
const data=JSON.parse(res);
set_yosou(data);
}};
xhr.onerror=setTimeout(function(){
const xhr2=new XMLHttpRequest;
xhr2.open('POST', api_url, true);
xhr2.setRequestHeader('Content-Type', 'application/json');
xhr2.send(send_json);
xhr2.onload=function(){
const res=this.responseText;
if(res){
const data=JSON.parse(res);
set_yosou(data);
}};}, 1000);
}}
aiyosoucheck(false);
function set_yosou(data){
const elm=document.getElementById('aiyosou-jra');
let html;
if(elm){
html='';
const date_relation=data.date_relation;
const date_prev_relation=data.date_prev_relation;
const date_next_relation=data.date_next_relation;
const date_arr=data.date_arr;
const date_arr_prev=data.date_arr_prev;
const date_arr_next=data.date_arr_next;
const race_data_all=data.race_data;
const tekichu_data=data.tekichu_data;
let race_data,race_result;
if(race_data_all){
race_data=JSON.parse(race_data_all.data);
race_result=JSON.parse(race_data_all.result);
if(race_result){
race_result=race_result.horses;
}}
const race_num=race_data_all.race_num;
const jcd_list_en=[
'sapporo',
'hakodate',
'fukushima',
'nigata',
'nakayama',
'tokyo',
'chukyo',
'kyoto',
'hanshin',
'kokura'
];
const jcd_list_jp=[
'札幌',
'函館',
'福島',
'新潟',
'中山',
'東京',
'中京',
'京都',
'阪神',
'小倉'
];
const jcd_list={
'札幌':11,
'函館':12,
'福島':13,
'新潟':14,
'中山':15,
'東京':16,
'中京':17,
'京都':18,
'阪神':19,
'小倉':20
};
const jcd_list_jp_to_en={
'札幌':'sapporo',
'函館':'hakodate',
'福島':'fukushima',
'新潟':'nigata',
'中山':'nakayama',
'東京':'tokyo',
'中京':'chukyo',
'京都':'kyoto',
'阪神':'hanshin',
'小倉':'kokura'
};
const jcd_name_en=jcd_list_jp_to_en[race_data_all.jcdStr];
if(date_relation){
var date=new Date(date_relation.this_date);
var yyyy=date.getFullYear();
var mm=date.getMonth() + 1;
var dd=date.getDate();
var w=date.getDay();
week=["日", "月", "火", "水", "木", "金", "土"];
function mojicolor(num){
if(num==6){
return '--blue';
}else{
return '--red';
}}
function ongoing_date(date, race_date){
if(date==race_date){
return 'ongoing';
}else{
return '';
}}
var date_formated=mm + '月' + dd + '日<span class="moji-color' + mojicolor(w) + '">(' + week[w] + ')</span>';
html +='<ul class="div__aiyosou__day">';
if(date_prev_relation.prev_date!='1000-01-01'&&date_prev_relation.length!=0){
var prev_date=new Date(date_prev_relation.prev_date);
var prev_yyyy=prev_date.getFullYear();
var prev_mm=prev_date.getMonth() + 1;
var prev_dd=prev_date.getDate();
var prev_w=prev_date.getDay();
var prev_date_formated=prev_mm + '月' + prev_dd + '日<span class="moji-color' + mojicolor(prev_w) + '">(' + week[prev_w] + ')</span>';
html +='<li class="div__aiyosou__day__li div__aiyosou__day__li--prev" data-date="'+prev_yyyy+'-'+prev_mm+'-'+prev_dd+'"><i class="fas fa-angle-left"></i> 前</li>';
}
if(date_relation.prev_date!='1000-01-01'){
var prev_date=new Date(date_relation.prev_date);
var prev_yyyy=prev_date.getFullYear();
var prev_mm=prev_date.getMonth() + 1;
var prev_dd=prev_date.getDate();
var prev_w=prev_date.getDay();
var prev_date_formated=prev_mm + '月' + prev_dd + '日<span class="moji-color' + mojicolor(prev_w) + '">(' + week[prev_w] + ')</span>';
html +='<li class="div__aiyosou__day__li" data-date="'+prev_yyyy+'-'+prev_mm+'-'+prev_dd+'">'+ prev_date_formated +'</li>';
}
html +='<li class="div__aiyosou__day__li selected" data-date="'+yyyy+'-'+mm+'-'+dd+'">'+ date_formated +'</li>';
if(date_relation.next_date!='3000-01-01'){
var next_date=new Date(date_relation.next_date);
var next_yyyy=next_date.getFullYear();
var next_mm=next_date.getMonth() + 1;
var next_dd=next_date.getDate();
var next_w=next_date.getDay();
var next_date_formated=next_mm + '月' + next_dd + '日<span class="moji-color' + mojicolor(next_w) + '">(' + week[next_w] + ')</span>';
html +='<li class="div__aiyosou__day__li" data-date="'+next_yyyy+'-'+next_mm+'-'+next_dd+'">'+ next_date_formated +'</li>';
}
if(date_next_relation.next_date!='3000-01-01'&&date_next_relation.length!=0){
var next_date=new Date(date_next_relation.next_date);
var next_yyyy=next_date.getFullYear();
var next_mm=next_date.getMonth() + 1;
var next_dd=next_date.getDate();
var next_w=next_date.getDay();
var next_date_formated=next_mm + '月' + next_dd + '日<span class="moji-color' + mojicolor(next_w) + '">(' + week[next_w] + ')</span>';
html +='<li class="div__aiyosou__day__li div__aiyosou__day__li--next" data-date="'+next_yyyy+'-'+next_mm+'-'+next_dd+'">次 <i class="fas fa-angle-right"></i></li>';
}
html +='</ul>';
if(date_arr){
function yosou_shirushi_alt(num){
if(num==1){
return '◎';
}else if(num==2){
return '○';
}else if(num==3){
return '▲';
}else if(num==4){
return '△';
}else if(num==5){
return '★';
}else{
return '';
}}
function yosou_shirushi_text(num){
if(num==1){
return '(◎)';
}else if(num==2){
return '(○)';
}else if(num==3){
return '(▲)';
}else if(num==4){
return '(△)';
}else if(num==5){
return '(★)';
}else{
return '';
}}
function waku_color(text){
if(text.includes('1')){
return 1;
}else if(text.includes('2')){
return 2;
}else if(text.includes('3')){
return 3;
}else if(text.includes('4')){
return 4;
}else if(text.includes('5')){
return 5;
}else if(text.includes('6')){
return 6;
}else if(text.includes('7')){
return 7;
}else if(text.includes('8')){
return 8;
}else{
return '';
}}
function mishutoku(text){
if(text=='未取得'){
return '-';
}else{
return text;
}}
html +=`<div class="div__aiyosou__loading closed">
<div class="div__aiyosou__loading__wrap">
<div class="div__aiyosou__loading__wrap__img">
<img src="`+path_to_theme+`/images/aiyosou/loading.gif">
</div>
<p class="div__aiyosou__loading__wrap__shikou">思考中</p>
<p class="div__aiyosou__loading__wrap__nowloading">now loading...</p>
</div>
</div>
<ul class="div__aiyosou__field">`;
for(let i=0; i < jcd_list_en.length; i++){
let field_name=date_arr[jcd_list_en[i]];
if(field_name){
if(race_data_all.jcdStr==jcd_list_jp[i]){
html +='<li class="div__aiyosou__field__li selected" data-jcd="'+jcd_list[jcd_list_jp[i]]+'">'+ jcd_list_jp[i] +'</li>';
}else{
html +='<li class="div__aiyosou__field__li" data-jcd="'+jcd_list[jcd_list_jp[i]]+'">'+ jcd_list_jp[i] +'</li>';
}}
}
html +='</ul>';
html +='<ul class="div__aiyosou__race">';
if(date_arr[jcd_name_en]){
for(let i=0; i < date_arr[jcd_name_en]; i++){
function ongoing_race(num, race_num){
if(num==race_num){
return 'ongoing';
}else{
return '';
}}
if(tekichu_data[jcd_name_en]){
if(tekichu_data[jcd_name_en].replace("[", "").replace("]", "").split(",").includes(String(i + 1))){
html +=`<li class="div__aiyosou__race__li `+ ongoing_race((i + 1), race_num) +`" data-racenum="`+(i + 1)+`">`+(i + 1)+`R<span class="tekichu_icon"><img src="`+path_to_theme+`/images/aiyosou/tekichu_thunder.svg"></span></li>`;
}else{
html +='<li class="div__aiyosou__race__li '+ ongoing_race((i + 1), race_num) +'" data-racenum="'+(i + 1)+'">'+(i + 1)+'R</li>';
}}else{
html +='<li class="div__aiyosou__race__li '+ ongoing_race((i + 1), race_num) +'" data-racenum="'+(i + 1)+'">'+(i + 1)+'R</li>';
}}
}
html +='</ul>';
html +=`<p class="div__aiyosou__tekichutext"><span class="tekichu_icon"><img src="`+path_to_theme+`/images/aiyosou/tekichu_thunder.svg"></span>…的中</p>`;
html +='<div class="div__aiyosou__content">';
if(race_data){
const date_forupdated=new Date(race_data_all.updated_at);
const hh=date_forupdated.getHours();
const min=date_forupdated.getMinutes();
var race_data_shirushi=race_data.horses.concat();
race_data_shirushi.sort(function(first, second){
if(first.score > second.score){
return -1;
}else if(first.score < second.score){
return 1;
}else{
return 0;
}});
for(let i=0; i < race_data_shirushi.length; i++){
race_data_shirushi[i]['scoreRanking']=i + 1;
}
var race_data_num=race_data.horses.concat();
race_data_num.sort(function(first, second){
if(Number(first.num) > Number(second.num)){
return 1;
}else if(Number(first.num) < Number(second.num)){
return -1;
}else{
return 0;
}});
const matchMedia=window.matchMedia('(max-width:600px)');
if(matchMedia.matches){
html +=`<div class="div__aiyosou__content__head__wrap">
<div class="div__aiyosou__content__head">
<div class="div__aiyosou__content__head__left">`+ yyyy +`/`+ mm +`/`+ dd +` `+ race_data.race_info.field +` `+ race_data.race_info.race_number +`R　発走時刻：`+ race_data.race_info.time +`</div>
<div class="div__aiyosou__content__head__right">`+ race_data.race_info.race_name +` `+ race_data.race_info.turf_type +`/`+ race_data.race_info.race_cource.replace(/[^0-9]/g, '').substr(0, 4) +`m</div>
</div>
<div class="div__aiyosou__content__updated__right"><a href="https://www.ipat.jra.go.jp/"><img src="`+ path_to_theme +`/images/aiyosou/tohyo_sp.png" alt="投票"></a></div>
</div>
<div class="div__aiyosou__content__updated">
<div class="div__aiyosou__content__updated__left">最終更新：`+ hh +`:`+ min +`</div>
</div>`;
}else{
html +=`<div class="div__aiyosou__content__head">
<div class="div__aiyosou__content__head__left">`+ yyyy +`/`+ mm +`/`+ dd +` `+ race_data.race_info.field +` `+ race_data.race_info.race_number +`R　発走時刻：`+ race_data.race_info.time +`</div>
<div class="div__aiyosou__content__head__right">`+ race_data.race_info.race_name +` `+ race_data.race_info.turf_type +`/`+ race_data.race_info.race_cource.replace(/[^0-9]/g, '').substr(0, 4) +`m</div>
</div>
<div class="div__aiyosou__content__updated">
<div class="div__aiyosou__content__updated__left">最終更新：`+ hh +`:`+ min +`</div>
<div class="div__aiyosou__content__updated__right"><a href="https://www.ipat.jra.go.jp/"><img src="`+ path_to_theme +`/images/aiyosou/tohyo.png" alt="投票"></a></div>
</div>`;
}
if(race_data_shirushi.length > 0){
html +=`<div class="div__aiyosou__content__mark">
<div class="div__aiyosou__content__mark__midashi"><img src="`+ path_to_theme +`/images/aiyosou/ai-midashi.png" alt="ビビットAI予想"></div>
<ul class="div__aiyosou__content__mark__content">`;
if(race_data_shirushi){
if(matchMedia.matches){
html +=`<li><span class="shirushi--midashi shirushi--midashi__1">予想印</span><span class="shirushi--midashi shirushi--midashi__2">馬番</span><span class="shirushi--midashi shirushi--midashi__3">馬名</span></li>`;
}
let bool_tekichu=false;
for(let i=0; i < race_data_shirushi.length; i++){
if(race_result){
if(race_result.length > 0){
for(let i_2=0; i_2 < 3; i_2++){
if(race_data_shirushi[i].num==race_result[i_2].num){
html +=`<li class="tekichu--`+ (i_2 + 1) +`"><span class="shirushi-wrap"><span class="tekichu_icon"><img src="`+ path_to_theme +`/images/aiyosou/tekichu_`+ (i_2 + 1) +`.svg" alt="`+ (i_2 + 1) +`着"></span><span class="shirushi"><img src="`+ path_to_theme +`/images/aiyosou/shirushi_`+ race_data_shirushi[i].scoreRanking +`.svg" alt="`+ yosou_shirushi_alt(i +1) +`"></span></span><span class="umaban-wrap"><span class="umaban umaban--`+ waku_color(race_data_shirushi[i].waku) +`">`+ race_data_shirushi[i].num +`</span></span><span class="bamei">`+ race_data_shirushi[i].horse +`</span></li>`;
bool_tekichu=true;
break;
}}
}}
if(bool_tekichu==false){
html +=`<li><span class="shirushi-wrap"><span class="shirushi"><img src="`+ path_to_theme +`/images/aiyosou/shirushi_`+ race_data_shirushi[i].scoreRanking +`.svg" alt="`+ yosou_shirushi_alt(i +1) +`"></span></span><span class="umaban-wrap"><span class="umaban umaban--`+ waku_color(race_data_shirushi[i].waku) +`">`+ race_data_shirushi[i].num +`</span></span><span class="bamei">`+ race_data_shirushi[i].horse +`</span></li>`;
}
bool_tekichu=false;
if(i >=4) break;
}}
html +=`</ul>
</div>
<div class="div__aiyosou__content__undertext"><img src="`+ path_to_theme +`/images/aiyosou/question_lightblue.svg" alt="question">競馬ビビットのAI予想について</div>`;
html +=`<div class="div__aiyosou__content__tablewrap">
<input id="block-01" type="checkbox" class="toggle">
<label class="syussou-button" for="block-01">出走表と全頭の指数を確認</label>
<div class="div__aiyosou__content__tablewrap__inner">
<table>
<thead>
<tr>
<th>馬番</th>
<th>馬名</th>
<th>人気</th>
<th>オッズ</th>
<th>騎手</th>
<th>馬体重</th>
<th>指数</th>
<th>詳細</th>
</tr>
</thead>
<tbody>`;
if(race_data_num){
for(let i=0; i < race_data_num.length; i++){
html +=`<tr>
<td class="umaban umaban--`+ waku_color(race_data_num[i]['waku']) +`">`+ race_data_num[i]['umaban'] +`</td>
<td>`+ race_data_num[i]['horse'] +`</td>`;
if(typeof race_data_num[i]['pop']==='undefined'||race_data_num[i]['pop']===''){
html +=`<td>-</td>`;
}else{
html +=`<td>`+ race_data_num[i]['pop'] +`人気</td>`;
}
if(race_data_num[i]['odds']==""){
html +=`<td>-</td>`;
}else if(race_data_num[i]['odds']=="取消"){
html +=`<td>取消</td>`;
}else{
html +=`<td>`+ race_data_num[i]['odds'] +`倍</td>`
}
html +=`<td>`+ race_data_num[i]['jockey'] +`</td>
<td>`+ race_data_num[i]['hWeight'] +`</td>
<td>`+ race_data_num[i]['score'] + yosou_shirushi_text(race_data_num[i]['scoreRanking']) +`</td>
<td><span class="popupfor popupfor--`+ i +`">詳細</span></td>
</tr>`;
}}
html +=`           </tbody>
</table>
</div>
</div>`;
}else{
html +='<div class="div__aiyosou__content__blank">枠が確定次第、AI予想を公開！<br><span>（レース前日17時頃）</span></div>'
}
if(race_data_num){
for(let i=0; i < race_data_num.length; i++){
html +=`<div class="popupwindow popupwindow--`+ i +` closed">
<div class="popupwindow__inner">
<div class="popupwindow__inner__close">✕</div>
<p class="popupwindow__inner__midashi">詳細</p>
<div class="popupwindow__inner__scroll">
<p class="popupwindow__inner__midashi__name">馬名</p>
<p class="popupwindow__inner__content__name">`+ race_data_num[i]['horse'] +`<span class="horse-age">(`+ race_data_num[i]['age'] +`歳)</span></p>
<p class="popupwindow__inner__midashi__info"><span class="shirushi"><img src="`+ path_to_theme +`/images/aiyosou/popup_icon_horse.svg" alt=""></span>今レースの競走馬情報</p>`;
if(matchMedia.matches){
html +=`<table class="popupwindow__inner__content__info">
<tbody>
<tr><th>馬番</th><td>`+ race_data_num[i]['umaban'] +`番</td></tr>
<tr><th>枠番</th><td><span class="waku-color waku-color--`+ waku_color(race_data_num[i]['waku']) +`">`+ waku_color(race_data_num[i]['waku']) +`枠</span></td></tr>
<tr><th>騎手</th><td>`+ race_data_num[i]['jockey'] +`</td></tr>`;
if(race_data_num[i]['odds']==""){
html +=`<tr><th>単勝オッズ</th><td>-</td></tr>`;
}else if(race_data_num[i]['odds']=="取消"){
html +=`<tr><th>単勝オッズ</th><td>取消</td></tr>`;
}else{
html +=`<tr><th>単勝オッズ</th><td>`+ race_data_num[i]['odds'] +`倍</td></tr>`;
}
if(typeof race_data_num[i]['pop']==='undefined'){
html +=`<tr><th>人気</th><td>-</td></tr>`;
}else{
html +=`<tr><th>人気</th><td>`+ race_data_num[i]['pop'] +`人気</td></tr>`;
}
html +=`<tr><th>馬体重</th><td>`+ race_data_num[i]['hWeight'] +`kg</td></tr>
</tbody>
</table>`;
}else{
html +=`<table class="popupwindow__inner__content__info">
<tbody>
<tr>
<th>馬番</th><td>`+ race_data_num[i]['umaban'] +`番</td>`;
if(race_data_num[i]['odds']==""){
html +=`<th>単勝オッズ</th><td>-</td>`;
}else if(race_data_num[i]['odds']=="取消"){
html +=`<th>単勝オッズ</th><td>取消</td>`;
}else{
html +=`<th>単勝オッズ</th><td>`+ race_data_num[i]['odds'] +`倍</td>`;
}
html +=`</tr>
<tr>
<th>枠番</th><td><span class="waku-color waku-color--`+ waku_color(race_data_num[i]['waku']) +`">`+ waku_color(race_data_num[i]['waku']) +`枠</span></td>`;
if(typeof race_data_num[i]['pop']==='undefined'){
html +=`<th>人気</th><td>-</td>`;
}else{
html +=`<th>人気</th><td>`+ race_data_num[i]['pop'] +`人気</td>`;
}
html +=`</tr>
<tr><th>騎手</th><td>`+ race_data_num[i]['jockey'] +`</td><th>馬体重</th><td>`+ race_data_num[i]['hWeight'] +`kg</td></tr>
</tbody>
</table>`;
}
html +=`<p class="popupwindow__inner__midashi__kyusya"><span class="shirushi"><img src="`+ path_to_theme +`/images/aiyosou/popup_icon_data.svg" alt=""></span>競走馬データ</p>
<table class="popupwindow__inner__content__kyusya">
<tbody>`;
if(typeof race_data_num[i]['trainer']==='undefined'){
html +=`<tr><th>調教師</th><td>`+ race_data_num[i]['trainer_detailed']['name'] +`</td></tr>`;
}else{
html +=`<tr><th>調教師</th><td>`+ race_data_num[i]['trainer'] +`</td></tr>`;
}
html +=`<!-- <tr><th>厩舎</th><td></td></tr>
<tr><th>生年月日</th><td>/td></tr> -->
</tbody>
</table>
<p class="popupwindow__inner__midashi__blood">血統</p>
<div class="popupwindow__inner__content__blood">
<div class="popupwindow__inner__content__blood__left">
<div class="popupwindow__inner__content__blood__left__left">`+ mishutoku(race_data_num[i]['sire']) +`</div>
<div class="popupwindow__inner__content__blood__left__right">
<div class="popupwindow__inner__content__blood__left__right__top">-</div>
<div class="popupwindow__inner__content__blood__left__right__bottom">-</div>
</div>
</div>
<div class="popupwindow__inner__content__blood__right">
<div class="popupwindow__inner__content__blood__right__left">`+ mishutoku(race_data_num[i]['mare']) +`</div>
<div class="popupwindow__inner__content__blood__right__right">
<div class="popupwindow__inner__content__blood__right__right__top">`+ mishutoku(race_data_num[i]['dam_sire']) +`</div>
<div class="popupwindow__inner__content__blood__right__right__bottom">-</div>
</div>
</div>
</div>
</div>
<div class="popupwindow__inner__tojiru">閉じる<span>✕</span></div>
</div>
</div>`;
}}
}
html +='</div>';
}}
elm.innerHTML=html;
let button=document.querySelectorAll('.div__aiyosou__content__undertext');
let index_about;
button.forEach((e)=> {
e.addEventListener('click', ()=> {
index_about=[].slice.call(button).indexOf(e);
let hc=document.getElementsByClassName('div__aiyosou-popup')[0];
let style=hc.currentStyle||document.defaultView.getComputedStyle(hc, '');
hc.classList.remove('closed');
});
});
let close_button_top=document.querySelectorAll('.div__aiyosou-popup__inner__close');
let index_close_about;
close_button_top.forEach((e)=> {
e.addEventListener('click', ()=> {
index_close_about=[].slice.call(close_button_top).indexOf(e);
let hc=document.getElementsByClassName('div__aiyosou-popup')[index_close_about];
hc.classList.add('closed');
});
});
let buttons=document.querySelectorAll('.popupfor');
let index;
let bodytag=document.getElementsByTagName('body')[0];
buttons.forEach((e)=> {
e.addEventListener('click', ()=> {
index=[].slice.call(buttons).indexOf(e);
let hc=document.getElementsByClassName('popupwindow')[index];
let style=hc.currentStyle||document.defaultView.getComputedStyle(hc, '');
hc.classList.remove('closed');
bodytag.classList.add('nomove');
});
});
let close_buttons_top=document.querySelectorAll('.popupwindow__inner__close');
let index_close;
close_buttons_top.forEach((e)=> {
e.addEventListener('click', ()=> {
index_close=[].slice.call(close_buttons_top).indexOf(e);
let hc=document.getElementsByClassName('popupwindow')[index_close];
hc.classList.add('closed');
bodytag.classList.remove('nomove');
});
});
let close_buttons_bottom=document.querySelectorAll('.popupwindow__inner__tojiru');
let index_close_bottom;
close_buttons_bottom.forEach((e)=> {
e.addEventListener('click', ()=> {
index_close_bottom=[].slice.call(close_buttons_bottom).indexOf(e);
let hc=document.getElementsByClassName('popupwindow')[index_close_bottom];
let style=hc.currentStyle||document.defaultView.getComputedStyle(hc, '');
hc.classList.add('closed');
bodytag.classList.remove('nomove');
});
});
console.log('htmlレース結果完了');
}}
const aiyosou_jra=document.getElementById('aiyosou-jra');
if(aiyosou_jra){
document.addEventListener('click', e=>{
const t=e.target;
const date=document.querySelectorAll('.div__aiyosou__day')[0].querySelectorAll('.selected')[0].dataset.date;
const jcd=document.querySelectorAll('.div__aiyosou__field')[0].querySelectorAll('.selected')[0].dataset.jcd;
if(t.matches('.div__aiyosou__race__li')){
const race_num=t.dataset.racenum;
const json=JSON.stringify({
'date': date,
'jcd': jcd,
'race_num': race_num,
'pfm': 'web',
'mode': 'cors'
});
aiyosoucheck(json);
}});
document.addEventListener('click', e=>{
const t=e.target;
if(t.matches('.div__aiyosou__day__li')){
const date=t.dataset.date;
const json=JSON.stringify({
'date': date,
'jcd': '',
'race_num': '',
'pfm': 'web',
'mode': 'cors'
});
aiyosoucheck(json);
}});
document.addEventListener('click', e=>{
const t=e.target;
const date=document.querySelectorAll('.div__aiyosou__day')[0].querySelectorAll('.selected')[0].dataset.date;
if(t.matches('.div__aiyosou__field__li')){
const jcd=t.dataset.jcd;
const json=JSON.stringify({
'date': date,
'jcd': jcd,
'race_num': 1,
'pfm': 'web',
'mode': 'cors'
});
aiyosoucheck(json);
}});
}
function aiyosoutoday(json){
const nowhost=location.host;
let api_url;
if(nowhost=='umabi.jp'){
api_url='https://umabi.jp/wp-content/themes/keibaBibit_241106/templates/api/yosou_get.php';
}else{
api_url='http://localhost:8099/umabi.jp/wp-content/themes/keibaBibit_241106/templates/api/yosou_get.php';
}
const aiyosou_jra_today=document.getElementById('aiyosou-today');
if(aiyosou_jra_today){
if(json==false){
const date='';
const jcd='';
const race_num='';
var send_json=JSON.stringify({
"date": date,
"jcd": jcd,
"race_num": race_num,
"data_choice": 1,
"pfm": "web",
"mode": "cors"
});
}else{
var send_json=json;
const loading_bibit=document.querySelectorAll('.div__aitoday__loading')[0];
loading_bibit.classList.remove('closed');
}
const xhr=new XMLHttpRequest;
xhr.open('POST', api_url, true);
xhr.setRequestHeader('Content-Type', 'application/json');
xhr.send(send_json);
xhr.onload=function(){
const res=this.responseText;
if(res){
const data=JSON.parse(res);
set_yosou_today(data);
}};
xhr.onerror=setTimeout(function(){
const xhr2=new XMLHttpRequest;
xhr2.open('POST', api_url, true);
xhr2.setRequestHeader('Content-Type', 'application/json');
xhr2.send(send_json);
xhr2.onload=function(){
const res=this.responseText;
if(res){
const data=JSON.parse(res);
set_yosou_today(data);
}};}, 1000);
}}
aiyosoutoday(false);
function set_yosou_today(data){
const elm=document.getElementById('aiyosou-today');
let html;
if(elm){
html='';
const date_relation=data.date_relation;
const date_arr=data.date_arr;
const tekichu_data=data.tekichu_data;
const race_data_all=data.race_data;
const field_fromdata=race_data_all[0].jcdStr;
let race_data,race_result,kaime_arr,kekka_arr;
const matchMedia=window.matchMedia('(max-width:600px)');
if(race_data_all){
race_data=JSON.parse(race_data_all[0].data);
race_result=JSON.parse(race_data_all[0].result);
if(race_result){
race_result=race_result.horses;
}}
let result_arr1to3=new Array();
let shirushi_arr1to5=new Array();
const itertool=f => (array, n)=> {
return n===1
? array.map(x=> [x])
: array.flatMap((x, i)=> {
return itertool(f)(f(array, i), n-1)
.map(y=> [x].concat(y))
})
}
const comb=(array, i)=> array.slice(i+1);
const perm=(array, i)=> array.slice(0, i).concat(array.slice(i+1));
const combination=itertool(comb);
const permutation=itertool(perm);
const isSameArrayIgnoreOrder=(array1, array2)=>{
if(!Array.isArray(array1)||!Array.isArray(array2)||array1.length!==array2.length) return false;
const length=array1.length;
if(length===0) return true;
const a2=Object.assign([],array2);
const result=array1.every(value=>{
let sameIndex=-1;
if(Array.isArray(value)){
sameIndex=a2.findIndex(a2Value=>!Array.isArray(a2Value) ? false
: isSameArrayIgnoreOrder(value , a2Value)
);
} else sameIndex=a2.indexOf(value);
if(sameIndex < 0) return false;
delete a2[sameIndex];
return true;
});
return result&&a2.every(()=>false);
}
function isObject(value){
return value!==null&&typeof value==='object'
}
const race_num=race_data_all.race_num;
const jcd_list_en=[
'sapporo',
'hakodate',
'fukushima',
'nigata',
'nakayama',
'tokyo',
'chukyo',
'kyoto',
'hanshin',
'kokura'
];
const jcd_list_jp=[
'札幌',
'函館',
'福島',
'新潟',
'中山',
'東京',
'中京',
'京都',
'阪神',
'小倉'
];
const jcd_list={
'札幌':11,
'函館':12,
'福島':13,
'新潟':14,
'中山':15,
'東京':16,
'中京':17,
'京都':18,
'阪神':19,
'小倉':20
};
const jcd_list_jp_to_en={
'札幌':'sapporo',
'函館':'hakodate',
'福島':'fukushima',
'新潟':'nigata',
'中山':'nakayama',
'東京':'tokyo',
'中京':'chukyo',
'京都':'kyoto',
'阪神':'hanshin',
'小倉':'kokura'
};
const jcd_name_en=jcd_list_jp_to_en[field_fromdata];
if(date_relation){
var date=new Date(date_relation.this_date);
var yyyy=date.getFullYear();
var mm=date.getMonth() + 1;
var dd=date.getDate();
var w=date.getDay();
week=["日", "月", "火", "水", "木", "金", "土"];
function ongoing_date(date, race_date){
if(date==race_date){
return 'ongoing';
}else{
return '';
}}
if(date_arr){
function yosou_shirushi_alt(num){
if(num==1){
return '◎';
}else if(num==2){
return '○';
}else if(num==3){
return '▲';
}else if(num==4){
return '△';
}else if(num==5){
return '★';
}else{
return '';
}}
function yosou_shirushi_text(num){
if(num==1){
return '(◎)';
}else if(num==2){
return '(○)';
}else if(num==3){
return '(▲)';
}else if(num==4){
return '(△)';
}else if(num==5){
return '(★)';
}else{
return '';
}}
function waku_color(text){
if(text.includes('1')){
return 1;
}else if(text.includes('2')){
return 2;
}else if(text.includes('3')){
return 3;
}else if(text.includes('4')){
return 4;
}else if(text.includes('5')){
return 5;
}else if(text.includes('6')){
return 6;
}else if(text.includes('7')){
return 7;
}else if(text.includes('8')){
return 8;
}else{
return '';
}}
function mishutoku(text){
if(text=='未取得'){
return '-';
}else{
return text;
}}
html +=`<div class="div__aitoday__loading closed">
<div class="div__aitoday__loading__wrap">
<div class="div__aitoday__loading__wrap__img">
<img src="`+path_to_theme+`/images/aiyosou/loading.gif">
</div>
<p class="div__aitoday__loading__wrap__shikou">思考中</p>
<p class="div__aitoday__loading__wrap__nowloading">now loading...</p>
</div>
</div>
<h3>本日のレース結果：`+yyyy+`/`+mm+`/`+dd+`(`+week[w]+`)</h3>
<ul class="div__aitoday__field">`;
for(let i=0; i < jcd_list_en.length; i++){
let field_name=date_arr[jcd_list_en[i]];
if(field_name){
if(race_data_all[0].jcdStr==jcd_list_jp[i]){
html +='<li class="div__aitoday__field__li checked" data-jcd="'+jcd_list[jcd_list_jp[i]]+'" data-date="'+date_arr.date+'">'+ jcd_list_jp[i] +'</li>';
}else{
html +='<li class="div__aitoday__field__li" data-jcd="'+jcd_list[jcd_list_jp[i]]+'" data-date="'+date_arr.date+'">'+ jcd_list_jp[i] +'</li>';
}}
}
html +='</ul>';
if(isObject(tekichu_data)&&Object.keys(tekichu_data).length){
const date_forupdated=new Date(tekichu_data.updated_at);
const hh=date_forupdated.getHours();
const min=date_forupdated.getMinutes();
html +='<p class="div__aitoday__update">最終更新：'+hh+':'+min+' <span>※レース開催から1時間毎に更新</span></p>';
}else{
html +='<p class="div__aitoday__update">最終更新：- <span>※レース開催から1時間毎に更新</span></p>';
}
if(matchMedia.matches){
html +=`<div class="div__aitoday__main">
<ul class="div__aitoday__nav">`;
for(let i=0; i < race_data_all.length; i++){
let race_data_before=JSON.parse(race_data_all[i].data);
let race_data_after=JSON.parse(race_data_all[i].result);
if(race_data_all[i].result){
html +=`<li class="div__aitoday__nav__inner done" data-racenum="`+(i + 1)+`">
<div class="div__aitoday__nav__inner__wrap">
<div class="div__aitoday__nav__inner__wrap__left">`+(i+1)+`R</div>
<div class="div__aitoday__nav__inner__wrap__right">
<div class="div__aitoday__nav__inner__wrap__right__top">`+race_data_before.race_info.race_name;
if(tekichu_data[jcd_name_en].replace("[", "").replace("]", "").split(",").includes(String(i + 1))){
html +=`<img class="icon_tekichu" src="`+path_to_theme+`/images/aiyosou/today_tekichu.svg" alt="的中">`;
}
html +=`</div>
<div class="div__aitoday__nav__inner__wrap__right__bottom">`+race_data_before.race_info.time+` `+race_data_before.race_info.turf_type +race_data_before.race_info.race_cource.replace(/[^0-9]/g, '').substr(0, 4) +`m</div>
</div>
</div>
<div class="div__aitoday__nav__inner__content" data-racenum="`+(i + 1)+`"></div>
</li>`;
}else{
html +=`<li class="div__aitoday__nav__inner" data-racenum="`+(i + 1)+`">
<div class="div__aitoday__nav__inner__wrap">
<div class="div__aitoday__nav__inner__wrap__left">`+(i+1)+`R</div>
<div class="div__aitoday__nav__inner__wrap__right">
<div class="div__aitoday__nav__inner__wrap__right__top">`+race_data_before.race_info.race_name+`</div>
<div class="div__aitoday__nav__inner__wrap__right__bottom">`+race_data_before.race_info.time+` `+race_data_before.race_info.turf_type +race_data_before.race_info.race_cource.replace(/[^0-9]/g, '').substr(0, 4) +`m</div>
</div>
</div>
<div class="div__aitoday__nav__inner__content" data-racenum="`+(i + 1)+`"></div>
</li>`;
}}
html +=`</ul>`;
elm.innerHTML=html;
}else{
html +=`<div class="div__aitoday__main">
<ul class="div__aitoday__nav">`;
for(let i=0; i < race_data_all.length; i++){
let race_data_before=JSON.parse(race_data_all[i].data);
let race_data_after=JSON.parse(race_data_all[i].result);
if(i==0&&race_data_all[i].result){
html +=`<li class="div__aitoday__nav__inner done checked" data-racenum="`+(i + 1)+`">
<div class="div__aitoday__nav__inner__wrap">
<div class="div__aitoday__nav__inner__wrap__left">`+(i+1)+`R</div>
<div class="div__aitoday__nav__inner__wrap__right">
<div class="div__aitoday__nav__inner__wrap__right__top">`+race_data_before.race_info.race_name;
if(tekichu_data[jcd_name_en].replace("[", "").replace("]", "").split(",").includes(String(i + 1))){
html +=`<img class="icon_tekichu" src="`+path_to_theme+`/images/aiyosou/today_tekichu.svg" alt="的中">`;
}
html +=`</div>
<div class="div__aitoday__nav__inner__wrap__right__bottom">`+race_data_before.race_info.time+` `+race_data_before.race_info.turf_type +race_data_before.race_info.race_cource.replace(/[^0-9]/g, '').substr(0, 4) +`m</div>
</div>
</div>
</li>`;
}else if(i==0){
html +=`<li class="div__aitoday__nav__inner checked" data-racenum="`+(i + 1)+`">
<div class="div__aitoday__nav__inner__wrap">
<div class="div__aitoday__nav__inner__wrap__left">`+(i+1)+`R</div>
<div class="div__aitoday__nav__inner__wrap__right">
<div class="div__aitoday__nav__inner__wrap__right__top">`+race_data_before.race_info.race_name+`</div>
<div class="div__aitoday__nav__inner__wrap__right__bottom">`+race_data_before.race_info.time+` `+race_data_before.race_info.turf_type +race_data_before.race_info.race_cource.replace(/[^0-9]/g, '').substr(0, 4) +`m</div>
</div>
</div>
</li>`;
}else{
if(race_data_all[i].result){
html +=`<li class="div__aitoday__nav__inner done" data-racenum="`+(i + 1)+`">
<div class="div__aitoday__nav__inner__wrap">
<div class="div__aitoday__nav__inner__wrap__left">`+(i+1)+`R</div>
<div class="div__aitoday__nav__inner__wrap__right">
<div class="div__aitoday__nav__inner__wrap__right__top">`+race_data_before.race_info.race_name;
if(tekichu_data[jcd_name_en].replace("[", "").replace("]", "").split(",").includes(String(i + 1))){
html +=`<img class="icon_tekichu" src="`+path_to_theme+`/images/aiyosou/today_tekichu.svg" alt="的中">`;
}
html +=`</div>
<div class="div__aitoday__nav__inner__wrap__right__bottom">`+race_data_before.race_info.time+` `+race_data_before.race_info.turf_type +race_data_before.race_info.race_cource.replace(/[^0-9]/g, '').substr(0, 4) +`m</div>
</div>
</div>
</li>`;
}else{
html +=`<li class="div__aitoday__nav__inner" data-racenum="`+(i + 1)+`">
<div class="div__aitoday__nav__inner__wrap">
<div class="div__aitoday__nav__inner__wrap__left">`+(i+1)+`R</div>
<div class="div__aitoday__nav__inner__wrap__right">
<div class="div__aitoday__nav__inner__wrap__right__top">`+race_data_before.race_info.race_name+`</div>
<div class="div__aitoday__nav__inner__wrap__right__bottom">`+race_data_before.race_info.time+` `+race_data_before.race_info.turf_type +race_data_before.race_info.race_cource.replace(/[^0-9]/g, '').substr(0, 4) +`m</div>
</div>
</div>
</li>`;
}}
}
html +=`</ul>`;
let race_data_before=JSON.parse(race_data_all[0].data);
let race_data_after=JSON.parse(race_data_all[0].result);
html +=`<div class="div__aitoday__content">
<div class="div__aitoday__content__midashi">
<div class="div__aitoday__content__midashi__race">1R</div>
<div class="div__aitoday__content__midashi__name">`+race_data_before.race_info.race_name;
if(race_data_after){
if(tekichu_data[jcd_name_en].replace("[", "").replace("]", "").split(",").includes(String(1))){
html +=`<img class="icon_tekichu" src="`+path_to_theme+`/images/aiyosou/today_tekichu.svg" alt="的中">`;
}}
html +=`</div>
<div class="div__aitoday__content__midashi__info">`+race_data_before.race_info.time+` `+race_data_before.race_info.turf_type +race_data_before.race_info.race_cource.replace(/[^0-9]/g, '').substr(0, 4) +`m</div>
</div>
<div class="div__aitoday__content__inner">
<p class="midashi">
<img class="icon_midashi" src="`+path_to_theme+`/images/aiyosou/today_midashi_icon_1.svg" alt="">
<img class="gazo_midashi" src="`+path_to_theme+`/images/aiyosou/today_midashi.svg" alt="ビビットAIの予想">
</p>`;
let race_data_shirushi=race_data_before.horses.concat();
race_data_shirushi.sort(function(first, second){
if(first.score > second.score){
return -1;
}else if(first.score < second.score){
return 1;
}else{
return 0;
}});
for(let i=0; i < race_data_shirushi.length; i++){
race_data_shirushi[i]['scoreRanking']=i + 1;
}
var race_data_num=race_data_shirushi.concat();
race_data_num.sort(function(first, second){
if(Number(first.num) > Number(second.num)){
return 1;
}else if(Number(first.num) < Number(second.num)){
return -1;
}else{
return 0;
}});
if(race_data_after){
result_arr1to3=new Array();
for(let i=0; i < race_result.length; i++){
result_arr1to3[result_arr1to3.length]=race_result[i].num;
if(i > 1){ break; }}
shirushi_arr1to5=new Array();
for(let i=0; i < race_data_shirushi.length; i++){
shirushi_arr1to5[shirushi_arr1to5.length]=race_data_shirushi[i].num;
if(i > 3){ break; }}
}
html +=`<ul class="div__aitoday__content__inner__mark">
<li><span class="shirushi--midashi shirushi--midashi__1"></span><span class="shirushi--midashi shirushi--midashi__2">予想印</span><span class="shirushi--midashi shirushi--midashi__3">馬番</span><span class="shirushi--midashi shirushi--midashi__4">馬名</span></li>`;
let bool_tekichu=false;
for(let i=0; i < race_data_shirushi.length; i++){
if(race_result){
if(race_result.length > 0){
for(let i_2=0; i_2 < 3; i_2++){
if(race_data_shirushi[i].num==race_result[i_2].num){
html +=`<li class="tekichu--`+ (i_2 + 1) +`">
<span class="tekichu-wrap"><span class="tekichu"><img src="`+ path_to_theme +`/images/aiyosou/tekichu_`+ (i_2 + 1) +`.svg" alt="`+ (i_2 + 1) +`着"></span></span>
<span class="shirushi-wrap"><span class="shirushi"><img src="`+ path_to_theme +`/images/aiyosou/shirushi_b_`+ race_data_shirushi[i].scoreRanking +`.svg" alt="`+ yosou_shirushi_alt(i +1) +`"></span></span>
<span class="umaban-wrap"><span class="umaban umaban--`+ waku_color(race_data_shirushi[i].waku) +`">`+ race_data_shirushi[i].num +`</span></span>
<span class="bamei">`+ race_data_shirushi[i].horse +`</span>
</li>`;
bool_tekichu=true;
break;
}}
}}
if(bool_tekichu==false){
html +=`<li>
<span class="tekichu-wrap"></span>
<span class="shirushi-wrap"><span class="shirushi"><img src="`+ path_to_theme +`/images/aiyosou/shirushi_b_`+ race_data_shirushi[i].scoreRanking +`.svg" alt="`+ yosou_shirushi_alt(i +1) +`"></span></span>
<span class="umaban-wrap"><span class="umaban umaban--`+ waku_color(race_data_shirushi[i].waku) +`">`+ race_data_shirushi[i].num +`</span></span>
<span class="bamei">`+ race_data_shirushi[i].horse +`</span>
</li>`;
}
bool_tekichu=false;
if(i >=4) break;
}
html +=`</ul>
<div class="div__aitoday__content__inner__undertext div__aiyosou__content__undertext"><img src="`+ path_to_theme +`/images/aiyosou/today_question.svg" alt="question">競馬ビビットのAI予想について</div>`;
if(race_data_after){
html +=`<p class="midashi">
<img class="icon_midashi" src="`+ path_to_theme +`/images/aiyosou/today_midashi_icon_2.svg" alt="">
<span class="text_midashi">レース結果</span>
</p>
<div class="div__aitoday__content__inner__tablewrap">
<table>
<tbody>
<tr>
<th>着順</th>
<th>馬番</th>
<th>馬名</th>
<th>オッズ</th>
<th>人気</th>
<th>タイム</th>
<th>指数</th>
<th>予想印</th>
</tr>`;
for(let i=0; i < race_result.length; i++){
html +=`<tr>
<td>`+(i+1)+`</td>
<td><span class="umaban umaban--`+ waku_color(race_data_num[race_result[i].num - 1]['waku']) +`">`+race_result[i].num+`</span></td>
<td>`+race_result[i].horse+`</td>
<td>`+race_result[i].odds+`</td>
<td>`+race_data_num[race_result[i].num - 1]['pop']+`人気</td>
<td>`+race_result[i].time+`</td>
<td>`+race_data_num[race_result[i].num - 1]['score']+`</td>
<td>
<span class="shirushi">`;
if(race_data_num[race_result[i].num - 1]['scoreRanking'] < 6){
html +=`<img src="`+ path_to_theme +`/images/aiyosou/shirushi_b_`+race_data_num[race_result[i].num - 1]['scoreRanking']+`.svg" alt="`+ yosou_shirushi_alt(race_data_num[race_result[i].num - 1]['scoreRanking']) +`">`;
}
html +=`</span>
</td>
</tr>`;
}
html +=`</tbody>
</table>
</div>
<p class="midashi--small">単勝</p>
<div class="div__aitoday__content__inner__kaime">
<ul class="kaime__ul">`;
bool_tekichu=false;
for(let i=0; i < race_data_shirushi.length; i++){
if(race_result){
if(race_result.length > 0){
if(race_data_shirushi[i].num==race_result[0].num){
html +=`<li><span class="umaban-wrap tekichu"><span class="umaban umaban--`+ waku_color(race_data_shirushi[i].waku) +`">`+ race_data_shirushi[i].num +`</span></span></li>`;
bool_tekichu=true;
}}
}
if(bool_tekichu==false){
html +=`<li><span class="umaban-wrap"><span class="umaban umaban--`+ waku_color(race_data_shirushi[i].waku) +`">`+ race_data_shirushi[i].num +`</span></span></li>`;
}
bool_tekichu=false;
if(i >=4) break;
}
html +=`</ul>
</div>
<p class="midashi--small">複勝</p>
<div class="div__aitoday__content__inner__kaime">
<ul class="kaime__ul">`;
bool_tekichu=false;
for(let i=0; i < race_data_shirushi.length; i++){
if(race_result){
if(race_result.length > 0){
for(let i_2=0; i_2 < 3; i_2++){
if(race_data_shirushi[i].num==race_result[i_2].num){
html +=`<li><span class="umaban-wrap tekichu"><span class="umaban umaban--`+ waku_color(race_data_shirushi[i].waku) +`">`+ race_data_shirushi[i].num +`</span></span></li>`;
bool_tekichu=true;
break;
}}
}}
if(bool_tekichu==false){
html +=`<li><span class="umaban-wrap"><span class="umaban umaban--`+ waku_color(race_data_shirushi[i].waku) +`">`+ race_data_shirushi[i].num +`</span></span></li>`;
}
bool_tekichu=false;
if(i >=4) break;
}
html +=`</ul>
</div>
<p class="midashi--small">ワイド</p>
<div class="div__aitoday__content__inner__kaime">
<ul class="kaime__ul">`;
kekka_arr=combination(result_arr1to3, 2);
kaime_arr=combination(shirushi_arr1to5, 2);
bool_tekichu=false;
for(let i=0; i < kaime_arr.length; i++){
const kaime_arr_single=kaime_arr[i];
bool_tekichu=false;
for(let i_2=0; i_2 < kekka_arr.length; i_2++){
const kekka_arr_single=kekka_arr[i_2];
if(isSameArrayIgnoreOrder(kaime_arr_single, kekka_arr_single)){
html +=`<li><span class="umaban-wrap tekichu">`;
for(let i_3=0; i_3 < kaime_arr_single.length; i_3++){
html +=`<span class="umaban umaban--`+ waku_color(race_data_num[kaime_arr_single[i_3] - 1].waku) +`">`+ kaime_arr_single[i_3] +`</span>`;
}
html +=`</span></li>`;
bool_tekichu=true;
}}
if(bool_tekichu==false){
html +=`<li><span class="umaban-wrap">`;
for(let i_3=0; i_3 < kaime_arr_single.length; i_3++){
html +=`<span class="umaban umaban--`+ waku_color(race_data_num[kaime_arr_single[i_3] - 1].waku) +`">`+ kaime_arr_single[i_3] +`</span>`;
}
html +=`</span></li>`;
}}
html +=`</ul>
</div>
<p class="midashi--small">３連複</p>
<div class="div__aitoday__content__inner__kaime">
<ul class="kaime__ul">`;
kekka_arr=combination(result_arr1to3, 3);
kaime_arr=combination(shirushi_arr1to5, 3);
bool_tekichu=false;
for(let i=0; i < kaime_arr.length; i++){
const kaime_arr_single=kaime_arr[i];
bool_tekichu=false;
for(let i_2=0; i_2 < kekka_arr.length; i_2++){
const kekka_arr_single=kekka_arr[i_2];
if(isSameArrayIgnoreOrder(kaime_arr_single, kekka_arr_single)){
html +=`<li><span class="umaban-wrap tekichu">`;
for(let i_3=0; i_3 < kaime_arr_single.length; i_3++){
html +=`<span class="umaban umaban--`+ waku_color(race_data_num[kaime_arr_single[i_3] - 1].waku) +`">`+ kaime_arr_single[i_3] +`</span>`;
}
html +=`</span></li>`;
bool_tekichu=true;
}}
if(bool_tekichu==false){
html +=`<li><span class="umaban-wrap">`;
for(let i_3=0; i_3 < kaime_arr_single.length; i_3++){
html +=`<span class="umaban umaban--`+ waku_color(race_data_num[kaime_arr_single[i_3] - 1].waku) +`">`+ kaime_arr_single[i_3] +`</span>`;
}
html +=`</span></li>`;
}}
html +=`</ul>
</div>`;
}
html +=`</div>
</div>
</div>`;
elm.innerHTML=html;
}}
}
let button_race=document.querySelectorAll('.div__aitoday__nav__inner');
let index_race;
button_race.forEach((e)=> {
e.addEventListener('click', function(ev){
if(!e.classList.contains('checked')){
button_race.forEach((e2)=> {
e2.classList.remove('checked');
});
e.classList.add('checked');
const rewrite_racenum=e.dataset.racenum;
race_data=JSON.parse(race_data_all[rewrite_racenum - 1].data);
race_result=JSON.parse(race_data_all[rewrite_racenum - 1].result);
let race_data_before=JSON.parse(race_data_all[rewrite_racenum - 1].data);
let race_data_after=JSON.parse(race_data_all[rewrite_racenum - 1].result);
if(race_result){
race_result=race_result.horses;
}
html='';
if(matchMedia.matches){
let rewrite_area=document.querySelectorAll('.div__aitoday__nav__inner__content');
rewrite_area.forEach((e3)=> {
e3.innerHTML='';
});
html +=`<div class="div__aitoday__content__inner">
<p class="midashi">
<img class="icon_midashi" src="`+path_to_theme+`/images/aiyosou/today_midashi_icon_1.svg" alt="">
<img class="gazo_midashi" src="`+path_to_theme+`/images/aiyosou/today_midashi.svg" alt="ビビットAIの予想">
</p>`;
let race_data_shirushi=race_data_before.horses.concat();
race_data_shirushi.sort(function(first, second){
if(first.score > second.score){
return -1;
}else if(first.score < second.score){
return 1;
}else{
return 0;
}});
for(let i=0; i < race_data_shirushi.length; i++){
race_data_shirushi[i]['scoreRanking']=i + 1;
}
var race_data_num=race_data_shirushi.concat();
race_data_num.sort(function(first, second){
if(Number(first.num) > Number(second.num)){
return 1;
}else if(Number(first.num) < Number(second.num)){
return -1;
}else{
return 0;
}});
if(race_result){
result_arr1to3=new Array();
for(let i=0; i < race_result.length; i++){
result_arr1to3[result_arr1to3.length]=race_result[i].num;
if(i > 1){ break; }}
shirushi_arr1to5=new Array();
for(let i=0; i < race_data_shirushi.length; i++){
shirushi_arr1to5[shirushi_arr1to5.length]=race_data_shirushi[i].num;
if(i > 3){ break; }}
}
html +=`<ul class="div__aitoday__content__inner__mark">
<li><span class="shirushi--midashi shirushi--midashi__1"></span><span class="shirushi--midashi shirushi--midashi__2">予想印</span><span class="shirushi--midashi shirushi--midashi__3">馬番</span><span class="shirushi--midashi shirushi--midashi__4">馬名</span></li>`;
let bool_tekichu=false;
for(let i=0; i < race_data_shirushi.length; i++){
if(race_result){
if(race_result.length > 0){
for(let i_2=0; i_2 < 3; i_2++){
if(race_data_shirushi[i].num==race_result[i_2].num){
html +=`<li class="tekichu--`+ (i_2 + 1) +`">
<span class="tekichu-wrap"><span class="tekichu"><img src="`+ path_to_theme +`/images/aiyosou/tekichu_`+ (i_2 + 1) +`.svg" alt="`+ (i_2 + 1) +`着"></span></span>
<span class="shirushi-wrap"><span class="shirushi"><img src="`+ path_to_theme +`/images/aiyosou/shirushi_b_`+ race_data_shirushi[i].scoreRanking +`.svg" alt="`+ yosou_shirushi_alt(i +1) +`"></span></span>
<span class="umaban-wrap"><span class="umaban umaban--`+ waku_color(race_data_shirushi[i].waku) +`">`+ race_data_shirushi[i].num +`</span></span>
<span class="bamei">`+ race_data_shirushi[i].horse +`</span>
</li>`;
bool_tekichu=true;
break;
}}
}}
if(bool_tekichu==false){
html +=`<li>
<span class="tekichu-wrap"></span>
<span class="shirushi-wrap"><span class="shirushi"><img src="`+ path_to_theme +`/images/aiyosou/shirushi_b_`+ race_data_shirushi[i].scoreRanking +`.svg" alt="`+ yosou_shirushi_alt(i +1) +`"></span></span>
<span class="umaban-wrap"><span class="umaban umaban--`+ waku_color(race_data_shirushi[i].waku) +`">`+ race_data_shirushi[i].num +`</span></span>
<span class="bamei">`+ race_data_shirushi[i].horse +`</span>
</li>`;
}
bool_tekichu=false;
if(i >=4) break;
}
html +=`</ul>
<div class="div__aitoday__content__inner__undertext div__aiyosou__content__undertext"><img src="`+ path_to_theme +`/images/aiyosou/today_question.svg" alt="question">競馬ビビットのAI予想について</div>`;
if(race_result){
html +=`<p class="midashi">
<img class="icon_midashi" src="`+ path_to_theme +`/images/aiyosou/today_midashi_icon_2.svg" alt="">
<span class="text_midashi">レース結果</span>
</p>
<div class="div__aitoday__content__inner__tablewrap">
<table>
<tbody>
<tr>
<th>着順</th>
<th>馬番</th>
<th>馬名</th>
<th>オッズ</th>
<th>人気</th>
<th>タイム</th>
<th>指数</th>
<th>予想印</th>
</tr>`;
for(let i=0; i < race_result.length; i++){
html +=`<tr>
<td>`+(i+1)+`</td>
<td><span class="umaban umaban--`+ waku_color(race_data_num[race_result[i].num - 1]['waku']) +`">`+race_result[i].num+`</span></td>
<td>`+race_result[i].horse+`</td>
<td>`+race_result[i].odds+`</td>
<td>`+race_data_num[race_result[i].num - 1]['pop']+`人気</td>
<td>`+race_result[i].time+`</td>
<td>`+race_data_num[race_result[i].num - 1]['score']+`</td>
<td>
<span class="shirushi">`;
if(race_data_num[race_result[i].num - 1]['scoreRanking'] < 6){
html +=`<img src="`+ path_to_theme +`/images/aiyosou/shirushi_b_`+race_data_num[race_result[i].num - 1]['scoreRanking']+`.svg" alt="`+ yosou_shirushi_alt(race_data_num[race_result[i].num - 1]['scoreRanking']) +`">`;
}
html +=`</span>
</td>
</tr>`;
}
html +=`</tbody>
</table>
</div>
<p class="midashi--small">単勝</p>
<div class="div__aitoday__content__inner__kaime">
<ul class="kaime__ul">`;
bool_tekichu=false;
for(let i=0; i < race_data_shirushi.length; i++){
if(race_result){
if(race_result.length > 0){
if(race_data_shirushi[i].num==race_result[0].num){
html +=`<li><span class="umaban-wrap tekichu"><span class="umaban umaban--`+ waku_color(race_data_shirushi[i].waku) +`">`+ race_data_shirushi[i].num +`</span></span></li>`;
bool_tekichu=true;
}}
}
if(bool_tekichu==false){
html +=`<li><span class="umaban-wrap"><span class="umaban umaban--`+ waku_color(race_data_shirushi[i].waku) +`">`+ race_data_shirushi[i].num +`</span></span></li>`;
}
bool_tekichu=false;
if(i >=4) break;
}
html +=`</ul>
</div>
<p class="midashi--small">複勝</p>
<div class="div__aitoday__content__inner__kaime">
<ul class="kaime__ul">`;
bool_tekichu=false;
for(let i=0; i < race_data_shirushi.length; i++){
if(race_result){
if(race_result.length > 0){
for(let i_2=0; i_2 < 3; i_2++){
if(race_data_shirushi[i].num==race_result[i_2].num){
html +=`<li><span class="umaban-wrap tekichu"><span class="umaban umaban--`+ waku_color(race_data_shirushi[i].waku) +`">`+ race_data_shirushi[i].num +`</span></span></li>`;
bool_tekichu=true;
break;
}}
}}
if(bool_tekichu==false){
html +=`<li><span class="umaban-wrap"><span class="umaban umaban--`+ waku_color(race_data_shirushi[i].waku) +`">`+ race_data_shirushi[i].num +`</span></span></li>`;
}
bool_tekichu=false;
if(i >=4) break;
}
html +=`</ul>
</div>
<p class="midashi--small">ワイド</p>
<div class="div__aitoday__content__inner__kaime">
<ul class="kaime__ul">`;
kekka_arr=combination(result_arr1to3, 2);
kaime_arr=combination(shirushi_arr1to5, 2);
bool_tekichu=false;
for(let i=0; i < kaime_arr.length; i++){
const kaime_arr_single=kaime_arr[i];
bool_tekichu=false;
for(let i_2=0; i_2 < kekka_arr.length; i_2++){
const kekka_arr_single=kekka_arr[i_2];
if(isSameArrayIgnoreOrder(kaime_arr_single, kekka_arr_single)){
html +=`<li><span class="umaban-wrap tekichu">`;
for(let i_3=0; i_3 < kaime_arr_single.length; i_3++){
html +=`<span class="umaban umaban--`+ waku_color(race_data_num[kaime_arr_single[i_3] - 1].waku) +`">`+ kaime_arr_single[i_3] +`</span>`;
}
html +=`</span></li>`;
bool_tekichu=true;
}}
if(bool_tekichu==false){
html +=`<li><span class="umaban-wrap">`;
for(let i_3=0; i_3 < kaime_arr_single.length; i_3++){
html +=`<span class="umaban umaban--`+ waku_color(race_data_num[kaime_arr_single[i_3] - 1].waku) +`">`+ kaime_arr_single[i_3] +`</span>`;
}
html +=`</span></li>`;
}}
html +=`</ul>
</div>
<p class="midashi--small">３連複</p>
<div class="div__aitoday__content__inner__kaime">
<ul class="kaime__ul">`;
kekka_arr=combination(result_arr1to3, 3);
kaime_arr=combination(shirushi_arr1to5, 3);
bool_tekichu=false;
for(let i=0; i < kaime_arr.length; i++){
const kaime_arr_single=kaime_arr[i];
bool_tekichu=false;
for(let i_2=0; i_2 < kekka_arr.length; i_2++){
const kekka_arr_single=kekka_arr[i_2];
if(isSameArrayIgnoreOrder(kaime_arr_single, kekka_arr_single)){
html +=`<li><span class="umaban-wrap tekichu">`;
for(let i_3=0; i_3 < kaime_arr_single.length; i_3++){
html +=`<span class="umaban umaban--`+ waku_color(race_data_num[kaime_arr_single[i_3] - 1].waku) +`">`+ kaime_arr_single[i_3] +`</span>`;
}
html +=`</span></li>`;
bool_tekichu=true;
}}
if(bool_tekichu==false){
html +=`<li><span class="umaban-wrap">`;
for(let i_3=0; i_3 < kaime_arr_single.length; i_3++){
html +=`<span class="umaban umaban--`+ waku_color(race_data_num[kaime_arr_single[i_3] - 1].waku) +`">`+ kaime_arr_single[i_3] +`</span>`;
}
html +=`</span></li>`;
}}
html +=`</ul>
</div>`;
}
html +=`</div>`;
rewrite_area[rewrite_racenum - 1].innerHTML=html;
e.scrollIntoView({
behavior: 'smooth'
});
let button=document.querySelectorAll('.div__aiyosou__content__undertext');
button.forEach((e)=> {
e.addEventListener('click', ()=> {
index_about=[].slice.call(button).indexOf(e);
let hc=document.getElementsByClassName('div__aiyosou-popup')[0];
let style=hc.currentStyle||document.defaultView.getComputedStyle(hc, '');
hc.classList.remove('closed');
});
});
let close_button_top=document.querySelectorAll('.div__aiyosou-popup__inner__close');
let index_close_about;
close_button_top.forEach((e)=> {
e.addEventListener('click', ()=> {
index_close_about=[].slice.call(close_button_top).indexOf(e);
let hc=document.getElementsByClassName('div__aiyosou-popup')[index_close_about];
hc.classList.add('closed');
});
});
}else{
let rewrite_area=document.querySelectorAll('.div__aitoday__content');
html +=`<div class="div__aitoday__content__midashi">
<div class="div__aitoday__content__midashi__race">`+rewrite_racenum+`R</div>
<div class="div__aitoday__content__midashi__name">`+race_data_before.race_info.race_name;
if(race_result){
if(tekichu_data[jcd_name_en].replace("[", "").replace("]", "").split(",").includes(String(rewrite_racenum))){
html +=`<img class="icon_tekichu" src="`+path_to_theme+`/images/aiyosou/today_tekichu.svg" alt="的中">`;
}}
html +=`</div>
<div class="div__aitoday__content__midashi__info">`+race_data_before.race_info.time+` `+race_data_before.race_info.turf_type +race_data_before.race_info.race_cource.replace(/[^0-9]/g, '').substr(0, 4) +`m</div>
</div>
<div class="div__aitoday__content__inner">
<p class="midashi">
<img class="icon_midashi" src="`+path_to_theme+`/images/aiyosou/today_midashi_icon_1.svg" alt="">
<img class="gazo_midashi" src="`+path_to_theme+`/images/aiyosou/today_midashi.svg" alt="ビビットAIの予想">
</p>`;
let race_data_shirushi=race_data_before.horses.concat();
race_data_shirushi.sort(function(first, second){
if(first.score > second.score){
return -1;
}else if(first.score < second.score){
return 1;
}else{
return 0;
}});
for(let i=0; i < race_data_shirushi.length; i++){
race_data_shirushi[i]['scoreRanking']=i + 1;
}
var race_data_num=race_data_shirushi.concat();
race_data_num.sort(function(first, second){
if(Number(first.num) > Number(second.num)){
return 1;
}else if(Number(first.num) < Number(second.num)){
return -1;
}else{
return 0;
}});
if(race_result){
result_arr1to3=new Array();
for(let i=0; i < race_result.length; i++){
result_arr1to3[result_arr1to3.length]=race_result[i].num;
if(i > 1){ break; }}
shirushi_arr1to5=new Array();
for(let i=0; i < race_data_shirushi.length; i++){
shirushi_arr1to5[shirushi_arr1to5.length]=race_data_shirushi[i].num;
if(i > 3){ break; }}
}
html +=`<ul class="div__aitoday__content__inner__mark">
<li><span class="shirushi--midashi shirushi--midashi__1"></span><span class="shirushi--midashi shirushi--midashi__2">予想印</span><span class="shirushi--midashi shirushi--midashi__3">馬番</span><span class="shirushi--midashi shirushi--midashi__4">馬名</span></li>`;
let bool_tekichu=false;
for(let i=0; i < race_data_shirushi.length; i++){
if(race_result){
if(race_result.length > 0){
for(let i_2=0; i_2 < 3; i_2++){
if(race_data_shirushi[i].num==race_result[i_2].num){
html +=`<li class="tekichu--`+ (i_2 + 1) +`">
<span class="tekichu-wrap"><span class="tekichu"><img src="`+ path_to_theme +`/images/aiyosou/tekichu_`+ (i_2 + 1) +`.svg" alt="`+ (i_2 + 1) +`着"></span></span>
<span class="shirushi-wrap"><span class="shirushi"><img src="`+ path_to_theme +`/images/aiyosou/shirushi_b_`+ race_data_shirushi[i].scoreRanking +`.svg" alt="`+ yosou_shirushi_alt(i +1) +`"></span></span>
<span class="umaban-wrap"><span class="umaban umaban--`+ waku_color(race_data_shirushi[i].waku) +`">`+ race_data_shirushi[i].num +`</span></span>
<span class="bamei">`+ race_data_shirushi[i].horse +`</span>
</li>`;
bool_tekichu=true;
break;
}}
}}
if(bool_tekichu==false){
html +=`<li>
<span class="tekichu-wrap"></span>
<span class="shirushi-wrap"><span class="shirushi"><img src="`+ path_to_theme +`/images/aiyosou/shirushi_b_`+ race_data_shirushi[i].scoreRanking +`.svg" alt="`+ yosou_shirushi_alt(i +1) +`"></span></span>
<span class="umaban-wrap"><span class="umaban umaban--`+ waku_color(race_data_shirushi[i].waku) +`">`+ race_data_shirushi[i].num +`</span></span>
<span class="bamei">`+ race_data_shirushi[i].horse +`</span>
</li>`;
}
bool_tekichu=false;
if(i >=4) break;
}
html +=`</ul>
<div class="div__aitoday__content__inner__undertext div__aiyosou__content__undertext"><img src="`+ path_to_theme +`/images/aiyosou/today_question.svg" alt="question">競馬ビビットのAI予想について</div>`;
if(race_result){
html +=`<p class="midashi">
<img class="icon_midashi" src="`+ path_to_theme +`/images/aiyosou/today_midashi_icon_2.svg" alt="">
<span class="text_midashi">レース結果</span>
</p>
<div class="div__aitoday__content__inner__tablewrap">
<table>
<tbody>
<tr>
<th>着順</th>
<th>馬番</th>
<th>馬名</th>
<th>オッズ</th>
<th>人気</th>
<th>タイム</th>
<th>指数</th>
<th>予想印</th>
</tr>`;
for(let i=0; i < race_result.length; i++){
html +=`<tr>
<td>`+(i+1)+`</td>
<td><span class="umaban umaban--`+ waku_color(race_data_num[race_result[i].num - 1]['waku']) +`">`+race_result[i].num+`</span></td>
<td>`+race_result[i].horse+`</td>
<td>`+race_result[i].odds+`</td>
<td>`+race_data_num[race_result[i].num - 1]['pop']+`人気</td>
<td>`+race_result[i].time+`</td>
<td>`+race_data_num[race_result[i].num - 1]['score']+`</td>
<td>
<span class="shirushi">`;
if(race_data_num[race_result[i].num - 1]['scoreRanking'] < 6){
html +=`<img src="`+ path_to_theme +`/images/aiyosou/shirushi_b_`+race_data_num[race_result[i].num - 1]['scoreRanking']+`.svg" alt="`+ yosou_shirushi_alt(race_data_num[race_result[i].num - 1]['scoreRanking']) +`">`;
}
html +=`</span>
</td>
</tr>`;
}
html +=`</tbody>
</table>
</div>
<p class="midashi--small">単勝</p>
<div class="div__aitoday__content__inner__kaime">
<ul class="kaime__ul">`;
bool_tekichu=false;
for(let i=0; i < race_data_shirushi.length; i++){
if(race_result){
if(race_result.length > 0){
if(race_data_shirushi[i].num==race_result[0].num){
html +=`<li><span class="umaban-wrap tekichu"><span class="umaban umaban--`+ waku_color(race_data_shirushi[i].waku) +`">`+ race_data_shirushi[i].num +`</span></span></li>`;
bool_tekichu=true;
}}
}
if(bool_tekichu==false){
html +=`<li><span class="umaban-wrap"><span class="umaban umaban--`+ waku_color(race_data_shirushi[i].waku) +`">`+ race_data_shirushi[i].num +`</span></span></li>`;
}
bool_tekichu=false;
if(i >=4) break;
}
html +=`</ul>
</div>
<p class="midashi--small">複勝</p>
<div class="div__aitoday__content__inner__kaime">
<ul class="kaime__ul">`;
bool_tekichu=false;
for(let i=0; i < race_data_shirushi.length; i++){
if(race_result){
if(race_result.length > 0){
for(let i_2=0; i_2 < 3; i_2++){
if(race_data_shirushi[i].num==race_result[i_2].num){
html +=`<li><span class="umaban-wrap tekichu"><span class="umaban umaban--`+ waku_color(race_data_shirushi[i].waku) +`">`+ race_data_shirushi[i].num +`</span></span></li>`;
bool_tekichu=true;
break;
}}
}}
if(bool_tekichu==false){
html +=`<li><span class="umaban-wrap"><span class="umaban umaban--`+ waku_color(race_data_shirushi[i].waku) +`">`+ race_data_shirushi[i].num +`</span></span></li>`;
}
bool_tekichu=false;
if(i >=4) break;
}
html +=`</ul>
</div>
<p class="midashi--small">ワイド</p>
<div class="div__aitoday__content__inner__kaime">
<ul class="kaime__ul">`;
kekka_arr=combination(result_arr1to3, 2);
kaime_arr=combination(shirushi_arr1to5, 2);
bool_tekichu=false;
for(let i=0; i < kaime_arr.length; i++){
const kaime_arr_single=kaime_arr[i];
bool_tekichu=false;
for(let i_2=0; i_2 < kekka_arr.length; i_2++){
const kekka_arr_single=kekka_arr[i_2];
if(isSameArrayIgnoreOrder(kaime_arr_single, kekka_arr_single)){
html +=`<li><span class="umaban-wrap tekichu">`;
for(let i_3=0; i_3 < kaime_arr_single.length; i_3++){
html +=`<span class="umaban umaban--`+ waku_color(race_data_num[kaime_arr_single[i_3] - 1].waku) +`">`+ kaime_arr_single[i_3] +`</span>`;
}
html +=`</span></li>`;
bool_tekichu=true;
}}
if(bool_tekichu==false){
html +=`<li><span class="umaban-wrap">`;
for(let i_3=0; i_3 < kaime_arr_single.length; i_3++){
html +=`<span class="umaban umaban--`+ waku_color(race_data_num[kaime_arr_single[i_3] - 1].waku) +`">`+ kaime_arr_single[i_3] +`</span>`;
}
html +=`</span></li>`;
}}
html +=`</ul>
</div>
<p class="midashi--small">３連複</p>
<div class="div__aitoday__content__inner__kaime">
<ul class="kaime__ul">`;
kekka_arr=combination(result_arr1to3, 3);
kaime_arr=combination(shirushi_arr1to5, 3);
bool_tekichu=false;
for(let i=0; i < kaime_arr.length; i++){
const kaime_arr_single=kaime_arr[i];
bool_tekichu=false;
for(let i_2=0; i_2 < kekka_arr.length; i_2++){
const kekka_arr_single=kekka_arr[i_2];
if(isSameArrayIgnoreOrder(kaime_arr_single, kekka_arr_single)){
html +=`<li><span class="umaban-wrap tekichu">`;
for(let i_3=0; i_3 < kaime_arr_single.length; i_3++){
html +=`<span class="umaban umaban--`+ waku_color(race_data_num[kaime_arr_single[i_3] - 1].waku) +`">`+ kaime_arr_single[i_3] +`</span>`;
}
html +=`</span></li>`;
bool_tekichu=true;
}}
if(bool_tekichu==false){
html +=`<li><span class="umaban-wrap">`;
for(let i_3=0; i_3 < kaime_arr_single.length; i_3++){
html +=`<span class="umaban umaban--`+ waku_color(race_data_num[kaime_arr_single[i_3] - 1].waku) +`">`+ kaime_arr_single[i_3] +`</span>`;
}
html +=`</span></li>`;
}}
html +=`</ul>
</div>`;
}
html +=`</div>
</div>`;
rewrite_area[0].innerHTML=html;
let button=document.querySelectorAll('.div__aiyosou__content__undertext');
let index_about;
button.forEach((e)=> {
e.addEventListener('click', ()=> {
index_about=[].slice.call(button).indexOf(e);
let hc=document.getElementsByClassName('div__aiyosou-popup')[0];
let style=hc.currentStyle||document.defaultView.getComputedStyle(hc, '');
hc.classList.remove('closed');
});
});
let close_button_top=document.querySelectorAll('.div__aiyosou-popup__inner__close');
let index_close_about;
close_button_top.forEach((e)=> {
e.addEventListener('click', ()=> {
index_close_about=[].slice.call(close_button_top).indexOf(e);
let hc=document.getElementsByClassName('div__aiyosou-popup')[index_close_about];
hc.classList.add('closed');
});
});
}}else{
if(matchMedia.matches){
if(ev.target.classList.contains('div__aitoday__content__inner__undertext')){
let button=document.querySelectorAll('.div__aiyosou__content__undertext');
button.forEach((e)=> {
e.addEventListener('click', ()=> {
index_about=[].slice.call(button).indexOf(e);
let hc=document.getElementsByClassName('div__aiyosou-popup')[0];
let style=hc.currentStyle||document.defaultView.getComputedStyle(hc, '');
hc.classList.remove('closed');
});
});
let close_button_top=document.querySelectorAll('.div__aiyosou-popup__inner__close');
let index_close_about;
close_button_top.forEach((e)=> {
e.addEventListener('click', ()=> {
index_close_about=[].slice.call(close_button_top).indexOf(e);
let hc=document.getElementsByClassName('div__aiyosou-popup')[index_close_about];
hc.classList.add('closed');
});
});
return false;
}
button_race.forEach((e2)=> {
e2.classList.remove('checked');
});
let rewrite_area=document.querySelectorAll('.div__aitoday__nav__inner__content');
rewrite_area.forEach((e3)=> {
e3.innerHTML='';
});
e.scrollIntoView({
behavior: 'smooth'
});
}}
});
});
let button=document.querySelectorAll('.div__aiyosou__content__undertext');
let index_about;
button.forEach((e)=> {
e.addEventListener('click', ()=> {
index_about=[].slice.call(button).indexOf(e);
let hc=document.getElementsByClassName('div__aiyosou-popup')[0];
let style=hc.currentStyle||document.defaultView.getComputedStyle(hc, '');
hc.classList.remove('closed');
});
});
let close_button_top=document.querySelectorAll('.div__aiyosou-popup__inner__close');
let index_close_about;
close_button_top.forEach((e)=> {
e.addEventListener('click', ()=> {
index_close_about=[].slice.call(close_button_top).indexOf(e);
let hc=document.getElementsByClassName('div__aiyosou-popup')[index_close_about];
hc.classList.add('closed');
});
});
}}
const aiyosou_today=document.getElementById('aiyosou-today');
if(aiyosou_today){
document.addEventListener('click', e=>{
const t=e.target;
if(t.matches('.div__aitoday__field__li')){
const date=t.dataset.date;
const jcd=t.dataset.jcd;
const json=JSON.stringify({
'date': date,
'jcd': jcd,
'data_choice': 1,
'pfm': 'web',
'mode': 'cors'
});
aiyosoutoday(json);
}});
}
function aiyosouscore(json){
const nowhost=location.host;
let api_url;
if(nowhost=='umabi.jp'){
api_url='https://umabi.jp/wp-content/themes/keibaBibit_241106/templates/api/yosou_get.php';
}else{
api_url='http://localhost:8099/umabi.jp/wp-content/themes/keibaBibit_241106/templates/api/yosou_get.php';
}
const aiyosou_jra_score=document.getElementById('aiyosou-score');
if(aiyosou_jra_score){
if(json==false){
const date='';
const jcd='';
const race_num='';
var send_json=JSON.stringify({
"date": '',
"jcd": '',
"race_num": '',
"data_choice": 2,
"pfm": "web",
"mode": "cors"
});
}else{
var send_json=json;
const loading_bibit=document.querySelectorAll('.div__aiscore__loading')[0];
loading_bibit.classList.remove('closed');
}
const xhr=new XMLHttpRequest;
xhr.open('POST', api_url, true);
xhr.setRequestHeader('Content-Type', 'application/json');
xhr.send(send_json);
xhr.onload=function(){
const res=this.responseText;
if(res){
const data=JSON.parse(res);
set_yosou_score(data);
}};
xhr.onerror=setTimeout(function(){
const xhr2=new XMLHttpRequest;
xhr2.open('POST', api_url, true);
xhr2.setRequestHeader('Content-Type', 'application/json');
xhr2.send(send_json);
xhr2.onload=function(){
const res=this.responseText;
if(res){
const data=JSON.parse(res);
set_yosou_score(data);
}};}, 1000);
}}
aiyosouscore(false);
function set_yosou_score(data){
const elm=document.getElementById('aiyosou-score');
let html;
if(elm){
html='';
const tekichu_months=data.tekichu_months;
const tekichu_single_month=data.tekichu_single_month;
const matchMedia=window.matchMedia('(max-width:600px)');
const date=tekichu_single_month.date;
const jcd_list_en=[
'sapporo',
'hakodate',
'fukushima',
'nigata',
'nakayama',
'tokyo',
'chukyo',
'kyoto',
'hanshin',
'kokura'
];
const jcd_list_jp=[
'札幌',
'函館',
'福島',
'新潟',
'中山',
'東京',
'中京',
'京都',
'阪神',
'小倉'
];
const jcd_list={
'札幌':11,
'函館':12,
'福島':13,
'新潟':14,
'中山':15,
'東京':16,
'中京':17,
'京都':18,
'阪神':19,
'小倉':20
};
const jcd_list_jp_to_en={
'札幌':'sapporo',
'函館':'hakodate',
'福島':'fukushima',
'新潟':'nigata',
'中山':'nakayama',
'東京':'tokyo',
'中京':'chukyo',
'京都':'kyoto',
'阪神':'hanshin',
'小倉':'kokura'
};
const jcd_list_en_to_jp={
'sapporo':'札幌',
'hakodate':'函館',
'fukushima':'福島',
'nigata':'新潟',
'nakayama':'中山',
'tokyo':'東京',
'chukyo':'中京',
'kyoto':'京都',
'hanshin':'阪神',
'kokura':'小倉'
};
if(tekichu_months){
let tekichu_per_shirushi1=0;
let tekichu_per_shirushi2=0;
let tekichu_per_shirushi3=0;
let tekichu_per_shirushi4=0;
let tekichu_per_shirushi5=0;
let tekichu_per_text1='';
let tekichu_per_text2='';
let tekichu_per_text3='';
let tekichu_per_text4='';
let tekichu_per_text5='';
let tekichu_race_field=[];
for(const [key, value] of Object.entries(jcd_list_jp_to_en)){
if(tekichu_single_month[value]){
const tekichu_pers=JSON.parse(tekichu_single_month[value]);
tekichu_per_shirushi1=tekichu_pers['tekichu_per']['shirushi'][0];
tekichu_per_shirushi2=tekichu_pers['tekichu_per']['shirushi'][1];
tekichu_per_shirushi3=tekichu_pers['tekichu_per']['shirushi'][2];
tekichu_per_shirushi4=tekichu_pers['tekichu_per']['shirushi'][3];
tekichu_per_shirushi5=tekichu_pers['tekichu_per']['shirushi'][4];
tekichu_per_text1='◎';
tekichu_per_text2='○';
tekichu_per_text3='▲';
tekichu_per_text4='△';
tekichu_per_text5='☆';
tekichu_race_field=tekichu_pers['race_list'];
break;
}}
let week=["日", "月", "火", "水", "木", "金", "土"];
html +=`<div class="div__aiscore__loading closed">
<div class="div__aiscore__loading__wrap">
<div class="div__aiscore__loading__wrap__img">
<img src="`+path_to_theme+`/images/aiyosou/loading.gif">
</div>
<p class="div__aiscore__loading__wrap__shikou">思考中</p>
<p class="div__aiscore__loading__wrap__nowloading">now loading...</p>
</div>
</div>
<div class="div__aiscore__month">
<div class="div__aiscore__month__left">
<p class="midashi"><img src="`+path_to_theme+`/images/aiyosou/midashi_icon_month.svg" alt="">月選択</p>
<div class="div__aiscore__month__left__select">
<select id="aiyosou-score_monthselect" class="aiyosou-score_monthselect" name="monthselsect">`;
for(let i=0; i < tekichu_months.length; i++){
let date_temp=new Date(tekichu_months[i]);
let yyyy_temp=date_temp.getFullYear();
let mm_temp=date_temp.getMonth() + 1;
if(tekichu_months[i]==date){
html +=`<option value="`+tekichu_months[i]+`" selected>`+yyyy_temp+`年`+mm_temp+`月</option>`;
}else{
html +=`<option value="`+tekichu_months[i]+`">`+yyyy_temp+`年`+mm_temp+`月</option>`;
}}
html +=`</select>
</div>
</div>
<div class="div__aiscore__month__right">
<p class="midashi"><img src="`+path_to_theme+`/images/aiyosou/midashi_icon_field.svg" alt="">競馬場</p>
<ul class="div__aiscore__month__right__ul">`;
let bool_selected=false;
for(const [key, value] of Object.entries(jcd_list_jp_to_en)){
if(tekichu_single_month[value]){
if(bool_selected==false){
html +=`<li class="div__aiscore__month__right__ul__li checked" data-field="`+value+`">`+key+`</li>`;
bool_selected=true;
}else{
html +=`<li class="div__aiscore__month__right__ul__li" data-field="`+value+`">`+key+`</li>`;
}}
}
html +=`</ul>
</div>
</div>
<div id="div__aiscore__content" class="div__aiscore__content">
<p class="midashi"><img src="`+path_to_theme+`/images/aiyosou/midashi_icon_tekichu.svg" alt="">的中率</p>
<ul class="div__aiscore__content__tab">
<li class="div__aiscore__content__tab__inner div__aiscore__content__tab__inner--left checked">予想印</li>
<li class="div__aiscore__content__tab__inner div__aiscore__content__tab__inner--right">券種</li>
</ul>`;
html +=`<div id="switch-content" class="switch-content">`;
bool_selected=false;
for(const [key, value] of Object.entries(jcd_list_jp_to_en)){
if(tekichu_single_month[value]){
if(bool_selected==false){
let date_temp=new Date(tekichu_single_month.date);
let yyyy_temp=date_temp.getFullYear();
let mm_temp=date_temp.getMonth() + 1;
html +=`<p class="gray-text">▼`+yyyy_temp+`年`+mm_temp+`月,`+key+`競馬場,予想印 ごとの的中率</p>`;
break;
}}
}
html +=`<ul class="chart-ul">
<li><canvas id="doughnut_chart_shirushi1"></canvas></li>
<li><canvas id="doughnut_chart_shirushi2"></canvas></li>
<li><canvas id="doughnut_chart_shirushi3"></canvas></li>
<li><canvas id="doughnut_chart_shirushi4"></canvas></li>
<li><canvas id="doughnut_chart_shirushi5"></canvas></li>
</ul>
<div class="kekka-table">
<table>
<tbody>`;
if(matchMedia.matches){
html +=`<tr>
<th>日付</th><th>R</th><th>◎</th><th>○</th><th>▲</th><th>△</th><th>☆</th>
</tr>`;
for(let i=0; i < tekichu_race_field.length; i++){
date_temp=new Date(tekichu_race_field[i].date);
yyyy_temp=date_temp.getFullYear();
mm_temp=date_temp.getMonth() + 1;
dd_temp=date_temp.getDate();
w_temp=date_temp.getDay();
week=["日", "月", "火", "水", "木", "金", "土"];
if(w_temp==6){
html +=`<tr>
<td class="sat">`+dd_temp+`日(`+week[w_temp]+`)</td>`;
}else{
html +=`<tr>
<td class="sun">`+dd_temp+`日(`+week[w_temp]+`)</td>`;
}
html +=`<td>`+tekichu_race_field[i]['race_num']+`R</td>`;
if(tekichu_race_field[i]['shirushi'][0]){
html +=`<td class="tekichu">的中</td>`;
}else{
html +=`<td>-</td>`;
}
if(tekichu_race_field[i]['shirushi'][1]){
html +=`<td class="tekichu">的中</td>`;
}else{
html +=`<td>-</td>`;
}
if(tekichu_race_field[i]['shirushi'][2]){
html +=`<td class="tekichu">的中</td>`;
}else{
html +=`<td>-</td>`;
}
if(tekichu_race_field[i]['shirushi'][3]){
html +=`<td class="tekichu">的中</td>`;
}else{
html +=`<td>-</td>`;
}
if(tekichu_race_field[i]['shirushi'][4]){
html +=`<td class="tekichu">的中</td>`;
}else{
html +=`<td>-</td>`;
}
html +=`</tr>`;
}}else{
html +=`<tr>
<th>日付</th>`;
for(let i=0; i < tekichu_race_field.length; i++){
date_temp=new Date(tekichu_race_field[i].date);
yyyy_temp=date_temp.getFullYear();
mm_temp=date_temp.getMonth() + 1;
dd_temp=date_temp.getDate();
w_temp=date_temp.getDay();
week=["日", "月", "火", "水", "木", "金", "土"];
if(w_temp==6){
html +=`<td class="sat">`+dd_temp+`日(`+week[w_temp]+`)</td>`;
}else{
html +=`<td class="sun">`+dd_temp+`日(`+week[w_temp]+`)</td>`;
}}
html +=`</tr>
<tr>
<th>レース番号</th>`;
for(let i=0; i < tekichu_race_field.length; i++){
html +=`<td>`+tekichu_race_field[i]['race_num']+`R</td>`;
}
html +=`</tr>
<tr>
<th>◎</th>`;
for(let i=0; i < tekichu_race_field.length; i++){
if(tekichu_race_field[i]['shirushi'][0]){
html +=`<td class="tekichu">的中</td>`;
}else{
html +=`<td>-</td>`;
}}
html +=`</tr>
<tr>
<th>○</th>`;
for(let i=0; i < tekichu_race_field.length; i++){
if(tekichu_race_field[i]['shirushi'][1]){
html +=`<td class="tekichu">的中</td>`;
}else{
html +=`<td>-</td>`;
}}
html +=`</tr>
<tr>
<th>▲</th>`;
for(let i=0; i < tekichu_race_field.length; i++){
if(tekichu_race_field[i]['shirushi'][2]){
html +=`<td class="tekichu">的中</td>`;
}else{
html +=`<td>-</td>`;
}}
html +=`</tr>
<tr>
<th>△</th>`;
for(let i=0; i < tekichu_race_field.length; i++){
if(tekichu_race_field[i]['shirushi'][3]){
html +=`<td class="tekichu">的中</td>`;
}else{
html +=`<td>-</td>`;
}}
html +=`</tr>
<tr>
<th>☆</th>`;
for(let i=0; i < tekichu_race_field.length; i++){
if(tekichu_race_field[i]['shirushi'][4]){
html +=`<td class="tekichu">的中</td>`;
}else{
html +=`<td>-</td>`;
}}
html +=`</tr>`;
}
html +=`</tbody>
</table>
</div>
</div>
</div>`;
Object.keys(_jraCharts).forEach(key=> {
if(_jraCharts[key]){
try { _jraCharts[key].destroy(); } catch(e){}
_jraCharts[key]=null;
}});
elm.innerHTML=html;
aiscore_chart(
tekichu_per_shirushi1,
tekichu_per_shirushi2,
tekichu_per_shirushi3,
tekichu_per_shirushi4,
tekichu_per_shirushi5,
tekichu_per_text1,
tekichu_per_text2,
tekichu_per_text3,
tekichu_per_text4,
tekichu_per_text5,
);
}
let button_field=document.querySelectorAll('.div__aiscore__month__right__ul__li');
let button_kensyu=document.querySelectorAll('.div__aiscore__content__tab__inner');
let content_field=document.getElementById('switch-content');
button_field.forEach((e)=> {
e.addEventListener('click', ()=> {
if(!e.classList.contains('checked')){
button_field.forEach((e2)=> {
e2.classList.remove('checked');
});
e.classList.add('checked');
button_kensyu.forEach((e2)=> {
e2.classList.remove('checked');
});
button_kensyu.forEach((e2)=> {
if(e2.classList.contains('div__aiscore__content__tab__inner--left')){
e2.classList.add('checked');
}});
let field_name=e.dataset.field;
let tekichu_per_shirushi1=0;
let tekichu_per_shirushi2=0;
let tekichu_per_shirushi3=0;
let tekichu_per_shirushi4=0;
let tekichu_per_shirushi5=0;
let tekichu_per_text1='';
let tekichu_per_text2='';
let tekichu_per_text3='';
let tekichu_per_text4='';
let tekichu_per_text5='';
let tekichu_race_field=[];
if(tekichu_single_month[field_name]){
const tekichu_pers=JSON.parse(tekichu_single_month[field_name]);
tekichu_per_shirushi1=tekichu_pers['tekichu_per']['shirushi'][0];
tekichu_per_shirushi2=tekichu_pers['tekichu_per']['shirushi'][1];
tekichu_per_shirushi3=tekichu_pers['tekichu_per']['shirushi'][2];
tekichu_per_shirushi4=tekichu_pers['tekichu_per']['shirushi'][3];
tekichu_per_shirushi5=tekichu_pers['tekichu_per']['shirushi'][4];
tekichu_per_text1='◎';
tekichu_per_text2='○';
tekichu_per_text3='▲';
tekichu_per_text4='△';
tekichu_per_text5='☆';
tekichu_race_field=tekichu_pers['race_list'];
}
html='';
bool_selected=false;
if(bool_selected==false){
let date_temp=new Date(tekichu_single_month.date);
let yyyy_temp=date_temp.getFullYear();
let mm_temp=date_temp.getMonth() + 1;
html +=`<p class="gray-text">▼`+yyyy_temp+`年`+mm_temp+`月,`+jcd_list_en_to_jp[field_name]+`競馬場,予想印 ごとの的中率</p>`;
}
html +=`<ul class="chart-ul">
<li><canvas id="doughnut_chart_shirushi1"></canvas></li>
<li><canvas id="doughnut_chart_shirushi2"></canvas></li>
<li><canvas id="doughnut_chart_shirushi3"></canvas></li>
<li><canvas id="doughnut_chart_shirushi4"></canvas></li>
<li><canvas id="doughnut_chart_shirushi5"></canvas></li>
</ul>
<div class="kekka-table">
<table>
<tbody>`;
if(matchMedia.matches){
html +=`<tr>
<th>日付</th><th>R</th><th>◎</th><th>○</th><th>▲</th><th>△</th><th>☆</th>
</tr>`;
for(let i=0; i < tekichu_race_field.length; i++){
date_temp=new Date(tekichu_race_field[i].date);
yyyy_temp=date_temp.getFullYear();
mm_temp=date_temp.getMonth() + 1;
dd_temp=date_temp.getDate();
w_temp=date_temp.getDay();
week=["日", "月", "火", "水", "木", "金", "土"];
if(w_temp==6){
html +=`<tr>
<td class="sat">`+dd_temp+`日(`+week[w_temp]+`)</td>`;
}else{
html +=`<tr>
<td class="sun">`+dd_temp+`日(`+week[w_temp]+`)</td>`;
}
html +=`<td>`+tekichu_race_field[i]['race_num']+`R</td>`;
if(tekichu_race_field[i]['shirushi'][0]){
html +=`<td class="tekichu">的中</td>`;
}else{
html +=`<td>-</td>`;
}
if(tekichu_race_field[i]['shirushi'][1]){
html +=`<td class="tekichu">的中</td>`;
}else{
html +=`<td>-</td>`;
}
if(tekichu_race_field[i]['shirushi'][2]){
html +=`<td class="tekichu">的中</td>`;
}else{
html +=`<td>-</td>`;
}
if(tekichu_race_field[i]['shirushi'][3]){
html +=`<td class="tekichu">的中</td>`;
}else{
html +=`<td>-</td>`;
}
if(tekichu_race_field[i]['shirushi'][4]){
html +=`<td class="tekichu">的中</td>`;
}else{
html +=`<td>-</td>`;
}
html +=`</tr>`;
}}else{
html +=`<tr>
<th>日付</th>`;
for(let i=0; i < tekichu_race_field.length; i++){
date_temp=new Date(tekichu_race_field[i].date);
yyyy_temp=date_temp.getFullYear();
mm_temp=date_temp.getMonth() + 1;
dd_temp=date_temp.getDate();
w_temp=date_temp.getDay();
week=["日", "月", "火", "水", "木", "金", "土"];
if(w_temp==6){
html +=`<td class="sat">`+dd_temp+`日(`+week[w_temp]+`)</td>`;
}else{
html +=`<td class="sun">`+dd_temp+`日(`+week[w_temp]+`)</td>`;
}}
html +=`</tr>
<tr>
<th>レース番号</th>`;
for(let i=0; i < tekichu_race_field.length; i++){
html +=`<td>`+tekichu_race_field[i]['race_num']+`R</td>`;
}
html +=`</tr>
<tr>
<th>◎</th>`;
for(let i=0; i < tekichu_race_field.length; i++){
if(tekichu_race_field[i]['shirushi'][0]){
html +=`<td class="tekichu">的中</td>`;
}else{
html +=`<td>-</td>`;
}}
html +=`</tr>
<tr>
<th>○</th>`;
for(let i=0; i < tekichu_race_field.length; i++){
if(tekichu_race_field[i]['shirushi'][1]){
html +=`<td class="tekichu">的中</td>`;
}else{
html +=`<td>-</td>`;
}}
html +=`</tr>
<tr>
<th>▲</th>`;
for(let i=0; i < tekichu_race_field.length; i++){
if(tekichu_race_field[i]['shirushi'][2]){
html +=`<td class="tekichu">的中</td>`;
}else{
html +=`<td>-</td>`;
}}
html +=`</tr>
<tr>
<th>△</th>`;
for(let i=0; i < tekichu_race_field.length; i++){
if(tekichu_race_field[i]['shirushi'][3]){
html +=`<td class="tekichu">的中</td>`;
}else{
html +=`<td>-</td>`;
}}
html +=`</tr>
<tr>
<th>☆</th>`;
for(let i=0; i < tekichu_race_field.length; i++){
if(tekichu_race_field[i]['shirushi'][4]){
html +=`<td class="tekichu">的中</td>`;
}else{
html +=`<td>-</td>`;
}}
html +=`</tr>`;
}
html +=`</tbody>
</table>
</div>
`;
Object.keys(_jraCharts).forEach(key=> {
if(_jraCharts[key]){
try { _jraCharts[key].destroy(); } catch(e){}
_jraCharts[key]=null;
}});
content_field.innerHTML=html;
aiscore_chart(
tekichu_per_shirushi1,
tekichu_per_shirushi2,
tekichu_per_shirushi3,
tekichu_per_shirushi4,
tekichu_per_shirushi5,
tekichu_per_text1,
tekichu_per_text2,
tekichu_per_text3,
tekichu_per_text4,
tekichu_per_text5,
);
}});
});
button_kensyu.forEach((e)=> {
e.addEventListener('click', ()=> {
if(!e.classList.contains('checked')){
button_kensyu.forEach((e2)=> {
e2.classList.remove('checked');
});
e.classList.add('checked');
let field_name='';
let checked_field=document.querySelectorAll('.div__aiscore__month__right__ul__li');
checked_field.forEach((e2)=> {
if(e2.classList.contains('checked')){
field_name=e2.dataset.field;
}});
let tekichu_per_shirushi1=false;
let tekichu_per_shirushi2=false;
let tekichu_per_shirushi3=false;
let tekichu_per_shirushi4=false;
let tekichu_per_shirushi5=false;
let tekichu_per_text1='';
let tekichu_per_text2='';
let tekichu_per_text3='';
let tekichu_per_text4='';
let tekichu_per_text5='';
let tekichu_race_field=[];
if(tekichu_single_month[field_name]){
const tekichu_pers=JSON.parse(tekichu_single_month[field_name]);
if(e.classList.contains('div__aiscore__content__tab__inner--left')){
tekichu_per_shirushi1=tekichu_pers['tekichu_per']['shirushi'][0];
tekichu_per_shirushi2=tekichu_pers['tekichu_per']['shirushi'][1];
tekichu_per_shirushi3=tekichu_pers['tekichu_per']['shirushi'][2];
tekichu_per_shirushi4=tekichu_pers['tekichu_per']['shirushi'][3];
tekichu_per_shirushi5=tekichu_pers['tekichu_per']['shirushi'][4];
tekichu_per_text1='◎';
tekichu_per_text2='○';
tekichu_per_text3='▲';
tekichu_per_text4='△';
tekichu_per_text5='☆';
}else{
tekichu_per_shirushi1=tekichu_pers['tekichu_per']['kaime']['tansho'];
tekichu_per_shirushi2=tekichu_pers['tekichu_per']['kaime']['fukusho'];
tekichu_per_shirushi3=tekichu_pers['tekichu_per']['kaime']['wide'];
tekichu_per_shirushi4=tekichu_pers['tekichu_per']['kaime']['sanrenpuku'];
tekichu_per_text1='単勝';
tekichu_per_text2='複勝';
tekichu_per_text3='ワイド';
tekichu_per_text4='３連複';
}
tekichu_race_field=tekichu_pers['race_list'];
}
html='';
if(tekichu_per_shirushi5){
bool_selected=false;
if(bool_selected==false){
let date_temp=new Date(tekichu_single_month.date);
let yyyy_temp=date_temp.getFullYear();
let mm_temp=date_temp.getMonth() + 1;
html +=`<p class="gray-text">▼`+yyyy_temp+`年`+mm_temp+`月,`+jcd_list_en_to_jp[field_name]+`競馬場,予想印 ごとの的中率</p>`;
}
html +=`<ul class="chart-ul">
<li><canvas id="doughnut_chart_shirushi1"></canvas></li>
<li><canvas id="doughnut_chart_shirushi2"></canvas></li>
<li><canvas id="doughnut_chart_shirushi3"></canvas></li>
<li><canvas id="doughnut_chart_shirushi4"></canvas></li>
<li><canvas id="doughnut_chart_shirushi5"></canvas></li>
</ul>
<div class="kekka-table">
<table>
<tbody>`;
if(matchMedia.matches){
html +=`<tr>
<th>日付</th><th>R</th><th>◎</th><th>○</th><th>▲</th><th>△</th><th>☆</th>
</tr>`;
for(let i=0; i < tekichu_race_field.length; i++){
date_temp=new Date(tekichu_race_field[i].date);
yyyy_temp=date_temp.getFullYear();
mm_temp=date_temp.getMonth() + 1;
dd_temp=date_temp.getDate();
w_temp=date_temp.getDay();
week=["日", "月", "火", "水", "木", "金", "土"];
if(w_temp==6){
html +=`<tr>
<td class="sat">`+dd_temp+`日(`+week[w_temp]+`)</td>`;
}else{
html +=`<tr>
<td class="sun">`+dd_temp+`日(`+week[w_temp]+`)</td>`;
}
html +=`<td>`+tekichu_race_field[i]['race_num']+`R</td>`;
if(tekichu_race_field[i]['shirushi'][0]){
html +=`<td class="tekichu">的中</td>`;
}else{
html +=`<td>-</td>`;
}
if(tekichu_race_field[i]['shirushi'][1]){
html +=`<td class="tekichu">的中</td>`;
}else{
html +=`<td>-</td>`;
}
if(tekichu_race_field[i]['shirushi'][2]){
html +=`<td class="tekichu">的中</td>`;
}else{
html +=`<td>-</td>`;
}
if(tekichu_race_field[i]['shirushi'][3]){
html +=`<td class="tekichu">的中</td>`;
}else{
html +=`<td>-</td>`;
}
if(tekichu_race_field[i]['shirushi'][4]){
html +=`<td class="tekichu">的中</td>`;
}else{
html +=`<td>-</td>`;
}
html +=`</tr>`;
}}else{
html +=`<tr>
<th>日付</th>`;
for(let i=0; i < tekichu_race_field.length; i++){
date_temp=new Date(tekichu_race_field[i].date);
yyyy_temp=date_temp.getFullYear();
mm_temp=date_temp.getMonth() + 1;
dd_temp=date_temp.getDate();
w_temp=date_temp.getDay();
week=["日", "月", "火", "水", "木", "金", "土"];
if(w_temp==6){
html +=`<td class="sat">`+dd_temp+`日(`+week[w_temp]+`)</td>`;
}else{
html +=`<td class="sun">`+dd_temp+`日(`+week[w_temp]+`)</td>`;
}}
html +=`</tr>
<tr>
<th>レース番号</th>`;
for(let i=0; i < tekichu_race_field.length; i++){
html +=`<td>`+tekichu_race_field[i]['race_num']+`R</td>`;
}
html +=`</tr>
<tr>
<th>◎</th>`;
for(let i=0; i < tekichu_race_field.length; i++){
if(tekichu_race_field[i]['shirushi'][0]){
html +=`<td class="tekichu">的中</td>`;
}else{
html +=`<td>-</td>`;
}}
html +=`</tr>
<tr>
<th>○</th>`;
for(let i=0; i < tekichu_race_field.length; i++){
if(tekichu_race_field[i]['shirushi'][1]){
html +=`<td class="tekichu">的中</td>`;
}else{
html +=`<td>-</td>`;
}}
html +=`</tr>
<tr>
<th>▲</th>`;
for(let i=0; i < tekichu_race_field.length; i++){
if(tekichu_race_field[i]['shirushi'][2]){
html +=`<td class="tekichu">的中</td>`;
}else{
html +=`<td>-</td>`;
}}
html +=`</tr>
<tr>
<th>△</th>`;
for(let i=0; i < tekichu_race_field.length; i++){
if(tekichu_race_field[i]['shirushi'][3]){
html +=`<td class="tekichu">的中</td>`;
}else{
html +=`<td>-</td>`;
}}
html +=`</tr>
<tr>
<th>☆</th>`;
for(let i=0; i < tekichu_race_field.length; i++){
if(tekichu_race_field[i]['shirushi'][4]){
html +=`<td class="tekichu">的中</td>`;
}else{
html +=`<td>-</td>`;
}}
html +=`</tr>`;
}
html +=`</tbody>
</table>
</div>
`;
}else{
bool_selected=false;
if(bool_selected==false){
let date_temp=new Date(tekichu_single_month.date);
let yyyy_temp=date_temp.getFullYear();
let mm_temp=date_temp.getMonth() + 1;
html +=`<p class="gray-text">▼`+yyyy_temp+`年`+mm_temp+`月,`+jcd_list_en_to_jp[field_name]+`競馬場,券種 ごとの的中率</p>`;
}
html +=`<ul class="chart-ul">
<li><canvas id="doughnut_chart_shirushi1"></canvas></li>
<li><canvas id="doughnut_chart_shirushi2"></canvas></li>
<li><canvas id="doughnut_chart_shirushi3"></canvas></li>
<li><canvas id="doughnut_chart_shirushi4"></canvas></li>
</ul>
<div class="kekka-table">
<table>
<tbody>`;
if(matchMedia.matches){
html +=`<tr>
<th>日付</th><th>R</th><th>単勝</th><th>複勝</th><th>ワイド</th><th>３連複</th>
</tr>`;
for(let i=0; i < tekichu_race_field.length; i++){
date_temp=new Date(tekichu_race_field[i].date);
yyyy_temp=date_temp.getFullYear();
mm_temp=date_temp.getMonth() + 1;
dd_temp=date_temp.getDate();
w_temp=date_temp.getDay();
week=["日", "月", "火", "水", "木", "金", "土"];
if(w_temp==6){
html +=`<tr>
<td class="sat">`+dd_temp+`日(`+week[w_temp]+`)</td>`;
}else{
html +=`<tr>
<td class="sun">`+dd_temp+`日(`+week[w_temp]+`)</td>`;
}
html +=`<td>`+tekichu_race_field[i]['race_num']+`R</td>`;
if(tekichu_race_field[i]['kaime']['tansho']){
html +=`<td class="tekichu">的中</td>`;
}else{
html +=`<td>-</td>`;
}
if(tekichu_race_field[i]['kaime']['fukusho']){
html +=`<td class="tekichu">的中</td>`;
}else{
html +=`<td>-</td>`;
}
if(tekichu_race_field[i]['kaime']['wide']){
html +=`<td class="tekichu">的中</td>`;
}else{
html +=`<td>-</td>`;
}
if(tekichu_race_field[i]['kaime']['sanrenpuku']){
html +=`<td class="tekichu">的中</td>`;
}else{
html +=`<td>-</td>`;
}
html +=`</tr>`;
}}else{
html +=`<tr>
<th>日付</th>`;
for(let i=0; i < tekichu_race_field.length; i++){
date_temp=new Date(tekichu_race_field[i].date);
yyyy_temp=date_temp.getFullYear();
mm_temp=date_temp.getMonth() + 1;
dd_temp=date_temp.getDate();
w_temp=date_temp.getDay();
week=["日", "月", "火", "水", "木", "金", "土"];
if(w_temp==6){
html +=`<td class="sat">`+dd_temp+`日(`+week[w_temp]+`)</td>`;
}else{
html +=`<td class="sun">`+dd_temp+`日(`+week[w_temp]+`)</td>`;
}}
html +=`</tr>
<tr>
<th>レース番号</th>`;
for(let i=0; i < tekichu_race_field.length; i++){
html +=`<td>`+tekichu_race_field[i]['race_num']+`R</td>`;
}
html +=`</tr>
<tr>
<th>単勝</th>`;
for(let i=0; i < tekichu_race_field.length; i++){
if(tekichu_race_field[i]['kaime']['tansho']){
html +=`<td class="tekichu">的中</td>`;
}else{
html +=`<td>-</td>`;
}}
html +=`</tr>
<tr>
<th>複勝</th>`;
for(let i=0; i < tekichu_race_field.length; i++){
if(tekichu_race_field[i]['kaime']['fukusho']){
html +=`<td class="tekichu">的中</td>`;
}else{
html +=`<td>-</td>`;
}}
html +=`</tr>
<tr>
<th>ワイド</th>`;
for(let i=0; i < tekichu_race_field.length; i++){
if(tekichu_race_field[i]['kaime']['wide']){
html +=`<td class="tekichu">的中</td>`;
}else{
html +=`<td>-</td>`;
}}
html +=`</tr>
<tr>
<th>３連複</th>`;
for(let i=0; i < tekichu_race_field.length; i++){
if(tekichu_race_field[i]['kaime']['sanrenpuku']){
html +=`<td class="tekichu">的中</td>`;
}else{
html +=`<td>-</td>`;
}}
html +=`</tr>`;
}
html +=`</tbody>
</table>
</div>
`;
}
Object.keys(_jraCharts).forEach(key=> {
if(_jraCharts[key]){
try { _jraCharts[key].destroy(); } catch(e){}
_jraCharts[key]=null;
}});
content_field.innerHTML=html;
aiscore_chart(
tekichu_per_shirushi1,
tekichu_per_shirushi2,
tekichu_per_shirushi3,
tekichu_per_shirushi4,
tekichu_per_shirushi5,
tekichu_per_text1,
tekichu_per_text2,
tekichu_per_text3,
tekichu_per_text4,
tekichu_per_text5,
);
}});
});
}
const aiyosou_score=document.getElementById('aiyosou-score_monthselect');
if(aiyosou_score){
aiyosou_score.addEventListener('change', e=>{
const t=e.target;
const date=t.value;
const json=JSON.stringify({
'date': date,
'jcd': '',
'data_choice': 2,
'pfm': 'web',
'mode': 'cors'
});
aiyosouscore(json);
});
}}
function aiscore_chart(
tekichu_per_shirushi1,
tekichu_per_shirushi2,
tekichu_per_shirushi3,
tekichu_per_shirushi4,
tekichu_per_shirushi5,
tekichu_per_text1,
tekichu_per_text2,
tekichu_per_text3,
tekichu_per_text4,
tekichu_per_text5,
){
const matchMedia=window.matchMedia('(max-width:600px)');
let top_fontsize=13;
let bottom_fontsize=26;
let top_offset=15;
let bottom_offset=15;
if(matchMedia.matches){
if(tekichu_per_shirushi5){
top_fontsize=12;
bottom_fontsize=18;
top_offset=8;
bottom_offset=15;
}else{
top_fontsize=13;
bottom_fontsize=22;
top_offset=10;
bottom_offset=17;
}}
const doughnutChart_shirushi1=document.getElementById('doughnut_chart_shirushi1');
const counter_shirushi1={
id: 'counter',
beforeDraw(chart, args, options){
const { ctx, chartArea: { top, right, bottom, left, width, height }}=chart;
ctx.save();
ctx.fillStyle='#39393B';
ctx.fillRect(width / 2, top + (height / 2), 0, 0);
ctx.font=top_fontsize+'px Noto Sans JP';
ctx.textAlign='center';
ctx.fillText(tekichu_per_text1+' 的中率', width / 2, top + (height / 2) - top_offset);
ctx.fillStyle='rgba(139,194,76,1)';
ctx.fillRect(width / 2, top + (height / 2), 0, 0);
ctx.font=bottom_fontsize+'px "Montserrat"';
ctx.textAlign='center';
ctx.fillText(tekichu_per_shirushi1+'%', width / 2, top + (height / 2) + bottom_offset);
}};
_jraCharts['shirushi1']=new Chart(doughnutChart_shirushi1, {
type: 'doughnut',
data: {
labels: ['的中率','不的中率'],
datasets: [{
label: 'votes',
data: [tekichu_per_shirushi1,(100 - tekichu_per_shirushi1)],
backgroundColor: ['rgba(139,194,76,1)','rgba(234,234,234,0.8)'],
borderColor: ['rgba(139,194,76,1)','rgba(234,234,234,1)'],
}]
},
options: {
responsive: true,
cutout: '70%',
plugins: {
legend: { display: false, position: 'left' },
title: { display: false, text: '', position: 'top', align: 'center' },
counter: { fontColor: 'red', fontSize: '50px', fontFamily: 'sans-serif' },
},
},
plugins: [counter_shirushi1]
});
const doughnutChart_shirushi2=document.getElementById('doughnut_chart_shirushi2');
const counter_shirushi2={
id: 'counter',
beforeDraw(chart, args, options){
const { ctx, chartArea: { top, right, bottom, left, width, height }}=chart;
ctx.save();
ctx.fillStyle='#39393B';
ctx.fillRect(width / 2, top + (height / 2), 0, 0);
ctx.font=top_fontsize+'px Noto Sans JP';
ctx.textAlign='center';
ctx.fillText(tekichu_per_text2+' 的中率', width / 2, top + (height / 2) - top_offset);
ctx.fillStyle='rgba(139,194,76,1)';
ctx.fillRect(width / 2, top + (height / 2), 0, 0);
ctx.font=bottom_fontsize+'px Montserrat';
ctx.textAlign='center';
ctx.fillText(tekichu_per_shirushi2+'%', width / 2, top + (height / 2) + bottom_offset);
}};
_jraCharts['shirushi2']=new Chart(doughnutChart_shirushi2, {
type: 'doughnut',
data: {
labels: ['的中率','不的中率'],
datasets: [{
label: 'votes',
data: [tekichu_per_shirushi2,(100 - tekichu_per_shirushi2)],
backgroundColor: ['rgba(139,194,76,1)','rgba(234,234,234,0.8)'],
borderColor: ['rgba(139,194,76,1)','rgba(234,234,234,1)'],
}]
},
options: {
responsive: true,
cutout: '70%',
plugins: {
legend: { display: false, position: 'left' },
title: { display: false, text: '', position: 'top', align: 'center' },
counter: { fontColor: 'red', fontSize: '50px', fontFamily: 'sans-serif' },
},
},
plugins: [counter_shirushi2]
});
const doughnutChart_shirushi3=document.getElementById('doughnut_chart_shirushi3');
const counter_shirushi3={
id: 'counter',
beforeDraw(chart, args, options){
const { ctx, chartArea: { top, right, bottom, left, width, height }}=chart;
ctx.save();
ctx.fillStyle='#39393B';
ctx.fillRect(width / 2, top + (height / 2), 0, 0);
ctx.font=top_fontsize+'px Noto Sans JP';
ctx.textAlign='center';
ctx.fillText(tekichu_per_text3+' 的中率', width / 2, top + (height / 2) - top_offset);
ctx.fillStyle='rgba(139,194,76,1)';
ctx.fillRect(width / 2, top + (height / 2), 0, 0);
ctx.font=bottom_fontsize+'px Montserrat';
ctx.textAlign='center';
ctx.fillText(tekichu_per_shirushi3+'%', width / 2, top + (height / 2) + bottom_offset);
}};
_jraCharts['shirushi3']=new Chart(doughnutChart_shirushi3, {
type: 'doughnut',
data: {
labels: ['的中率','不的中率'],
datasets: [{
label: 'votes',
data: [tekichu_per_shirushi3,(100 - tekichu_per_shirushi3)],
backgroundColor: ['rgba(139,194,76,1)','rgba(234,234,234,0.8)'],
borderColor: ['rgba(139,194,76,1)','rgba(234,234,234,1)'],
}]
},
options: {
responsive: true,
cutout: '70%',
plugins: {
legend: { display: false, position: 'left' },
title: { display: false, text: '', position: 'top', align: 'center' },
counter: { fontColor: 'red', fontSize: '50px', fontFamily: 'sans-serif' },
},
},
plugins: [counter_shirushi3]
});
const doughnutChart_shirushi4=document.getElementById('doughnut_chart_shirushi4');
const counter_shirushi4={
id: 'counter',
beforeDraw(chart, args, options){
const { ctx, chartArea: { top, right, bottom, left, width, height }}=chart;
ctx.save();
ctx.fillStyle='#39393B';
ctx.fillRect(width / 2, top + (height / 2), 0, 0);
ctx.font=top_fontsize+'px Noto Sans JP';
ctx.textAlign='center';
ctx.fillText(tekichu_per_text4+' 的中率', width / 2, top + (height / 2) - top_offset);
ctx.fillStyle='rgba(139,194,76,1)';
ctx.fillRect(width / 2, top + (height / 2), 0, 0);
ctx.font=bottom_fontsize+'px Montserrat';
ctx.textAlign='center';
ctx.fillText(tekichu_per_shirushi4+'%', width / 2, top + (height / 2) + bottom_offset);
}};
_jraCharts['shirushi4']=new Chart(doughnutChart_shirushi4, {
type: 'doughnut',
data: {
labels: ['的中率','不的中率'],
datasets: [{
label: 'votes',
data: [tekichu_per_shirushi4,(100 - tekichu_per_shirushi4)],
backgroundColor: ['rgba(139,194,76,1)','rgba(234,234,234,0.8)'],
borderColor: ['rgba(139,194,76,1)','rgba(234,234,234,1)'],
}]
},
options: {
responsive: true,
cutout: '70%',
plugins: {
legend: { display: false, position: 'left' },
title: { display: false, text: '', position: 'top', align: 'center' },
counter: { fontColor: 'red', fontSize: '50px', fontFamily: 'sans-serif' },
},
},
plugins: [counter_shirushi4]
});
if(tekichu_per_shirushi5!==false&&tekichu_per_shirushi5 >=0){
const doughnutChart_shirushi5=document.getElementById('doughnut_chart_shirushi5');
const counter_shirushi5={
id: 'counter',
beforeDraw(chart, args, options){
const { ctx, chartArea: { top, right, bottom, left, width, height }}=chart;
ctx.save();
ctx.fillStyle='#39393B';
ctx.fillRect(width / 2, top + (height / 2), 0, 0);
ctx.font=top_fontsize+'px Noto Sans JP';
ctx.textAlign='center';
ctx.fillText(tekichu_per_text5+' 的中率', width / 2, top + (height / 2) - top_offset);
ctx.fillStyle='rgba(139,194,76,1)';
ctx.fillRect(width / 2, top + (height / 2), 0, 0);
ctx.font=bottom_fontsize+'px Montserrat';
ctx.textAlign='center';
ctx.fillText(tekichu_per_shirushi5+'%', width / 2, top + (height / 2) + bottom_offset);
}};
_jraCharts['shirushi5']=new Chart(doughnutChart_shirushi5, {
type: 'doughnut',
data: {
labels: ['的中率','不的中率'],
datasets: [{
label: 'votes',
data: [tekichu_per_shirushi5,(100 - tekichu_per_shirushi5)],
backgroundColor: ['rgba(139,194,76,1)','rgba(234,234,234,0.8)'],
borderColor: ['rgba(139,194,76,1)','rgba(234,234,234,1)'],
}]
},
options: {
responsive: true,
cutout: '70%',
plugins: {
legend: { display: false, position: 'left' },
title: { display: false, text: '', position: 'top', align: 'center' },
counter: { fontColor: 'red', fontSize: '50px', fontFamily: 'sans-serif' },
},
},
plugins: [counter_shirushi5]
});
}}
const _jraCharts={};
function aiyosoucheck_chiho(json){
const nowhost=location.host;
let api_url;
if(nowhost=='umabi.jp'){
api_url='https://umabi.jp/wp-content/themes/keibaBibit_241106/templates/api/yosou_chiho_get.php';
}else{
api_url='http://localhost:8099/umabi.jp/wp-content/themes/keibaBibit_241106/templates/api/yosou_chiho_get.php';
}
const aiyosou_chiho=document.getElementById('aiyosou-chiho');
if(aiyosou_chiho){
if(json==false){
const date='';
const jcd='';
const race_num='';
var send_json=JSON.stringify({
"date": date,
"jcd": jcd,
"race_num": race_num,
"data_choice": 0,
"pfm": "web",
"mode": "cors"
});
}else{
var send_json=json;
const loading_bibit=document.querySelectorAll('.div__aiyosou__loading')[0];
loading_bibit.classList.remove('closed');
}
const xhr=new XMLHttpRequest;
xhr.open('POST', api_url, true);
xhr.setRequestHeader('Content-Type', 'application/json');
xhr.send(send_json);
xhr.onload=function(){
const res=this.responseText;
if(res){
const data=JSON.parse(res);
set_yosou_chiho(data);
}};
xhr.onerror=setTimeout(function(){
const xhr2=new XMLHttpRequest;
xhr2.open('POST', api_url, true);
xhr2.setRequestHeader('Content-Type', 'application/json');
xhr2.send(send_json);
xhr2.onload=function(){
const res=this.responseText;
if(res){
const data=JSON.parse(res);
set_yosou_chiho(data);
}};}, 1000);
}}
aiyosoucheck_chiho(false);
function set_yosou_chiho(data){
const elm=document.getElementById('aiyosou-chiho');
let html;
if(elm){
html='';
const date_relation=data.date_relation;
const date_prev_relation=data.date_prev_relation;
const date_next_relation=data.date_next_relation;
const date_arr=data.date_arr;
const date_arr_prev=data.date_arr_prev;
const date_arr_next=data.date_arr_next;
const race_data_all=data.race_data;
const tekichu_data=data.tekichu_data;
let race_data,race_result;
if(race_data_all){
race_data=JSON.parse(race_data_all.data);
race_result=JSON.parse(race_data_all.result);
if(race_result){
race_result=race_result.horses;
race_result.sort((a, b)=> a.place - b.place);
}}
const race_num=race_data_all.race_num;
const jcd_list_en=[
'obihiro',
'mombetsu',
'morioka',
'mizusawa',
'urawa',
'funabashi',
'ohi',
'kawasaki',
'kanazawa',
'kasamatsu',
'nagoya',
'sonoda',
'himeji',
'kochi',
'saga'
];
const jcd_list_jp=[
'帯広',
'門別',
'盛岡',
'水沢',
'浦和',
'船橋',
'大井',
'川崎',
'金沢',
'笠松',
'名古屋',
'園田',
'姫路',
'高知',
'佐賀'
];
const jcd_list={
'帯広':65,
'門別':30,
'盛岡':35,
'水沢':36,
'浦和':42,
'船橋':43,
'大井':44,
'川崎':45,
'金沢':46,
'笠松':47,
'名古屋':48,
'園田':50,
'姫路':51,
'高知':54,
'佐賀':55
};
const jcd_list_jp_to_en={
'帯広':'obihiro',
'門別':'mombetsu',
'盛岡':'morioka',
'水沢':'mizusawa',
'浦和':'urawa',
'船橋':'funabashi',
'大井':'ohi',
'川崎':'kawasaki',
'金沢':'kanazawa',
'笠松':'kasamatsu',
'名古屋':'nagoya',
'園田':'sonoda',
'姫路':'himeji',
'高知':'kochi',
'佐賀':'saga',
};
const jcd_name_en=jcd_list_jp_to_en[race_data_all.jcdStr];
if(date_relation){
var date=new Date(date_relation.this_date);
var yyyy=date.getFullYear();
var mm=date.getMonth() + 1;
var dd=date.getDate();
var w=date.getDay();
week=["日", "月", "火", "水", "木", "金", "土"];
function mojicolor(num){
if(num==6){
return '--blue';
}else if(num==0){
return '--red';
}else{
return '';
}}
function ongoing_date(date, race_date){
if(date==race_date){
return 'ongoing';
}else{
return '';
}}
var date_formated=mm + '月' + dd + '日<span class="moji-color' + mojicolor(w) + '">(' + week[w] + ')</span>';
html +='<ul class="div__aiyosou__day">';
if(date_prev_relation.prev_date!='1000-01-01'&&date_prev_relation.length!=0){
var prev_date=new Date(date_prev_relation.prev_date);
var prev_yyyy=prev_date.getFullYear();
var prev_mm=prev_date.getMonth() + 1;
var prev_dd=prev_date.getDate();
var prev_w=prev_date.getDay();
var prev_date_formated=prev_mm + '月' + prev_dd + '日<span class="moji-color' + mojicolor(prev_w) + '">(' + week[prev_w] + ')</span>';
html +='<li class="div__aiyosou__day__li div__aiyosou__day__li--prev" data-date="'+prev_yyyy+'-'+prev_mm+'-'+prev_dd+'"><i class="fas fa-angle-left"></i> 前</li>';
}
if(date_relation.prev_date!='1000-01-01'){
var prev_date=new Date(date_relation.prev_date);
var prev_yyyy=prev_date.getFullYear();
var prev_mm=prev_date.getMonth() + 1;
var prev_dd=prev_date.getDate();
var prev_w=prev_date.getDay();
var prev_date_formated=prev_mm + '月' + prev_dd + '日<span class="moji-color' + mojicolor(prev_w) + '">(' + week[prev_w] + ')</span>';
html +='<li class="div__aiyosou__day__li" data-date="'+prev_yyyy+'-'+prev_mm+'-'+prev_dd+'">'+ prev_date_formated +'</li>';
}
html +='<li class="div__aiyosou__day__li selected" data-date="'+yyyy+'-'+mm+'-'+dd+'">'+ date_formated +'</li>';
if(date_relation.next_date!='3000-01-01'){
var next_date=new Date(date_relation.next_date);
var next_yyyy=next_date.getFullYear();
var next_mm=next_date.getMonth() + 1;
var next_dd=next_date.getDate();
var next_w=next_date.getDay();
var next_date_formated=next_mm + '月' + next_dd + '日<span class="moji-color' + mojicolor(next_w) + '">(' + week[next_w] + ')</span>';
html +='<li class="div__aiyosou__day__li" data-date="'+next_yyyy+'-'+next_mm+'-'+next_dd+'">'+ next_date_formated +'</li>';
}
if(date_next_relation.next_date!='3000-01-01'&&date_next_relation.length!=0){
var next_date=new Date(date_next_relation.next_date);
var next_yyyy=next_date.getFullYear();
var next_mm=next_date.getMonth() + 1;
var next_dd=next_date.getDate();
var next_w=next_date.getDay();
var next_date_formated=next_mm + '月' + next_dd + '日<span class="moji-color' + mojicolor(next_w) + '">(' + week[next_w] + ')</span>';
html +='<li class="div__aiyosou__day__li div__aiyosou__day__li--next" data-date="'+next_yyyy+'-'+next_mm+'-'+next_dd+'">次 <i class="fas fa-angle-right"></i></li>';
}
html +='</ul>';
if(date_arr){
function yosou_shirushi_alt(num){
if(num==1){
return '◎';
}else if(num==2){
return '○';
}else if(num==3){
return '▲';
}else if(num==4){
return '△';
}else if(num==5){
return '★';
}else{
return '';
}}
function yosou_shirushi_text(num){
if(num==1){
return '(◎)';
}else if(num==2){
return '(○)';
}else if(num==3){
return '(▲)';
}else if(num==4){
return '(△)';
}else if(num==5){
return '(★)';
}else{
return '';
}}
function waku_color(text){
if(text.includes('1')){
return 1;
}else if(text.includes('2')){
return 2;
}else if(text.includes('3')){
return 3;
}else if(text.includes('4')){
return 4;
}else if(text.includes('5')){
return 5;
}else if(text.includes('6')){
return 6;
}else if(text.includes('7')){
return 7;
}else if(text.includes('8')){
return 8;
}else{
return '';
}}
function mishutoku(text){
if(text=='未取得'||text==''){
return '-';
}else{
return text;
}}
html +=`<div class="div__aiyosou__loading closed">
<div class="div__aiyosou__loading__wrap">
<div class="div__aiyosou__loading__wrap__img">
<img src="`+path_to_theme+`/images/aiyosou/loading.gif">
</div>
<p class="div__aiyosou__loading__wrap__shikou">思考中</p>
<p class="div__aiyosou__loading__wrap__nowloading">now loading...</p>
</div>
</div>
<ul class="div__aiyosou__field">`;
for(let i=0; i < jcd_list_en.length; i++){
let field_name=date_arr[jcd_list_en[i]];
if(field_name){
if(race_data_all.jcdStr==jcd_list_jp[i]){
html +='<li class="div__aiyosou__field__li selected" data-jcd="'+jcd_list[jcd_list_jp[i]]+'">'+ jcd_list_jp[i] +'</li>';
}else{
html +='<li class="div__aiyosou__field__li" data-jcd="'+jcd_list[jcd_list_jp[i]]+'">'+ jcd_list_jp[i] +'</li>';
}}
}
html +='</ul>';
html +='<ul class="div__aiyosou__race">';
if(date_arr[jcd_name_en]){
for(let i=0; i < date_arr[jcd_name_en]; i++){
function ongoing_race(num, race_num){
if(num==race_num){
return 'ongoing';
}else{
return '';
}}
if(tekichu_data[jcd_name_en]){
if(tekichu_data[jcd_name_en].replace("[", "").replace("]", "").split(",").includes(String(i + 1))){
html +=`<li class="div__aiyosou__race__li `+ ongoing_race((i + 1), race_num) +`" data-racenum="`+(i + 1)+`">`+(i + 1)+`R<span class="tekichu_icon"><img src="`+path_to_theme+`/images/aiyosou/tekichu_thunder.svg"></span></li>`;
}else{
html +='<li class="div__aiyosou__race__li '+ ongoing_race((i + 1), race_num) +'" data-racenum="'+(i + 1)+'">'+(i + 1)+'R</li>';
}}else{
html +='<li class="div__aiyosou__race__li '+ ongoing_race((i + 1), race_num) +'" data-racenum="'+(i + 1)+'">'+(i + 1)+'R</li>';
}}
}
html +='</ul>';
html +=`<p class="div__aiyosou__tekichutext"><span class="tekichu_icon"><img src="`+path_to_theme+`/images/aiyosou/tekichu_thunder.svg"></span>…的中</p>`;
html +='<div class="div__aiyosou__content">';
if(race_data){
const date_forupdated=new Date(race_data_all.updated_at);
const hh=date_forupdated.getHours();
const min=date_forupdated.getMinutes();
var race_data_shirushi=race_data.horses_descscore.concat();
for(let i=0; i < race_data_shirushi.length; i++){
race_data_shirushi[i]['scoreRanking']=i + 1;
}
var race_data_num=race_data.horses.concat();
race_data_num.sort(function(first, second){
if(Number(first.num) > Number(second.num)){
return 1;
}else if(Number(first.num) < Number(second.num)){
return -1;
}else{
return 0;
}});
const matchMedia=window.matchMedia('(max-width:600px)');
if(matchMedia.matches){
html +=`<div class="div__aiyosou__content__head__wrap">
<div class="div__aiyosou__content__head">
<div class="div__aiyosou__content__head__left">`+ yyyy +`/`+ mm +`/`+ dd +` `+ race_data.race_info.field +` `+ race_data.race_info.race_number +`R　発走時刻：`+ race_data.race_info.time.replace('発走', '') +`</div>
<div class="div__aiyosou__content__head__right">`+ race_data.race_info.race_name +` `+ race_data.race_info.turf_type +`/`+ race_data.race_info.race_cource.replace(/[^0-9]/g, '').substr(0, 4) +`m</div>
</div>
<div class="div__aiyosou__content__updated__right"><a href="https://www.ipat.jra.go.jp/"><img src="`+ path_to_theme +`/images/aiyosou/tohyo_sp.png" alt="投票"></a></div>
</div>
<div class="div__aiyosou__content__updated">
<div class="div__aiyosou__content__updated__left">最終更新：`+ hh +`:`+ min +`</div>
</div>`;
}else{
html +=`<div class="div__aiyosou__content__head">
<div class="div__aiyosou__content__head__left">`+ yyyy +`/`+ mm +`/`+ dd +` `+ race_data.race_info.field +` `+ race_data.race_info.race_number +`R　発走時刻：`+ race_data.race_info.time.replace('発走', '') +`</div>
<div class="div__aiyosou__content__head__right">`+ race_data.race_info.race_name +` `+ race_data.race_info.turf_type +`/`+ race_data.race_info.race_cource.replace(/[^0-9]/g, '').substr(0, 4) +`m</div>
</div>
<div class="div__aiyosou__content__updated">
<div class="div__aiyosou__content__updated__left">最終更新：`+ hh +`:`+ min +`</div>
<div class="div__aiyosou__content__updated__right"><a href="https://www.ipat.jra.go.jp/"><img src="`+ path_to_theme +`/images/aiyosou/tohyo.png" alt="投票"></a></div>
</div>`;
}
if(race_data_shirushi.length > 0){
html +=`<div class="div__aiyosou__content__mark">
<div class="div__aiyosou__content__mark__midashi"><img src="`+ path_to_theme +`/images/aiyosou/ai-midashi.png" alt="ビビットAI予想"></div>
<ul class="div__aiyosou__content__mark__content">`;
if(race_data_shirushi){
if(matchMedia.matches){
html +=`<li><span class="shirushi--midashi shirushi--midashi__1">予想印</span><span class="shirushi--midashi shirushi--midashi__2">馬番</span><span class="shirushi--midashi shirushi--midashi__3">馬名</span></li>`;
}
let bool_tekichu=false;
for(let i=0; i < race_data_shirushi.length; i++){
if(race_result){
if(race_result.length > 0){
for(let i_2=0; i_2 < 3; i_2++){
if(race_data_shirushi[i].umaban==race_result[i_2].num){
html +=`<li class="tekichu--`+ (i_2 + 1) +`"><span class="shirushi-wrap"><span class="tekichu_icon"><img src="`+ path_to_theme +`/images/aiyosou/tekichu_`+ (i_2 + 1) +`.svg" alt="`+ (i_2 + 1) +`着"></span><span class="shirushi"><img src="`+ path_to_theme +`/images/aiyosou/shirushi_`+ race_data_shirushi[i].scoreRanking +`.svg" alt="`+ yosou_shirushi_alt(i +1) +`"></span></span><span class="umaban-wrap"><span class="umaban umaban--`+ waku_color(race_data_shirushi[i].waku) +`">`+ race_data_shirushi[i].umaban +`</span></span><span class="bamei">`+ race_data_shirushi[i].hName +`</span></li>`;
bool_tekichu=true;
break;
}}
}}
if(bool_tekichu==false){
html +=`<li><span class="shirushi-wrap"><span class="shirushi"><img src="`+ path_to_theme +`/images/aiyosou/shirushi_`+ race_data_shirushi[i].scoreRanking +`.svg" alt="`+ yosou_shirushi_alt(i +1) +`"></span></span><span class="umaban-wrap"><span class="umaban umaban--`+ waku_color(race_data_shirushi[i].waku) +`">`+ race_data_shirushi[i].umaban +`</span></span><span class="bamei">`+ race_data_shirushi[i].hName +`</span></li>`;
}
bool_tekichu=false;
if(i >=4) break;
}}
html +=`</ul>
</div>
<div class="div__aiyosou__content__undertext"><img src="`+ path_to_theme +`/images/aiyosou/question_lightblue.svg" alt="question">競馬ビビットのAI予想について</div>`;
html +=`<div class="div__aiyosou__content__tablewrap">
<input id="block-01" type="checkbox" class="toggle">
<label class="syussou-button" for="block-01">出走表と全頭の指数を確認</label>
<div class="div__aiyosou__content__tablewrap__inner">
<table>
<thead>
<tr>
<th>馬番</th>
<th>馬名</th>
<th>人気</th>
<th>オッズ</th>
<th>騎手</th>
<th>馬体重</th>
<th>指数</th>
<th>詳細</th>
</tr>
</thead>
<tbody>`;
if(race_data_num){
for(let i=0; i < race_data_num.length; i++){
html +=`<tr>
<td class="umaban umaban--`+ waku_color(race_data_num[i]['waku']) +`">`+ race_data_num[i]['umaban'] +`</td>
<td>`+ race_data_num[i]['hName'] +`</td>`;
if(typeof race_data_num[i]['pop']==='undefined'||race_data_num[i]['pop']===''){
html +=`<td>-</td>`;
}else{
if(race_data_num[i]['pop'].includes('.')){
html +=`<td>`+ race_data_num[i]['odds'] +`人気</td>`;
}else{
html +=`<td>`+ race_data_num[i]['pop'] +`人気</td>`;
}}
if(race_data_num[i]['odds']==""){
html +=`<td>-</td>`;
}else if(race_data_num[i]['odds']=="取消"){
html +=`<td>取消</td>`;
}else{
if(race_data_num[i]['pop'].includes('.')){
html +=`<td>`+ race_data_num[i]['pop'] +`倍</td>`;
}else{
html +=`<td>`+ race_data_num[i]['odds'] +`倍</td>`
}}
html +=`<td>`+ race_data_num[i]['jName'] +`</td>
<td>`+ race_data_num[i]['hWeight'] +`</td>
<td>`+ race_data_num[i]['score'] + yosou_shirushi_text(race_data_num[i]['scoreRanking']) +`</td>
<td><span class="popupfor popupfor--`+ i +`">詳細</span></td>
</tr>`;
}}
html +=`           </tbody>
</table>
</div>
</div>`;
}else{
html +='<div class="div__aiyosou__content__blank">枠が確定次第、AI予想を公開！<br><span>（レース前日17時頃）</span></div>'
}
if(race_data_num){
for(let i=0; i < race_data_num.length; i++){
html +=`<div class="popupwindow popupwindow--`+ i +` closed">
<div class="popupwindow__inner">
<div class="popupwindow__inner__close">✕</div>
<p class="popupwindow__inner__midashi">詳細</p>
<div class="popupwindow__inner__scroll">
<p class="popupwindow__inner__midashi__name">馬名</p>
<p class="popupwindow__inner__content__name">`+ race_data_num[i]['hName'] +`<span class="horse-age">(`+ race_data_num[i]['hAge'] +`歳)</span></p>
<p class="popupwindow__inner__midashi__info"><span class="shirushi"><img src="`+ path_to_theme +`/images/aiyosou/popup_icon_horse.svg" alt=""></span>今レースの競走馬情報</p>`;
if(matchMedia.matches){
html +=`<table class="popupwindow__inner__content__info">
<tbody>
<tr><th>馬番</th><td>`+ race_data_num[i]['umaban'] +`番</td></tr>
<tr><th>枠番</th><td><span class="waku-color waku-color--`+ waku_color(race_data_num[i]['waku']) +`">`+ waku_color(race_data_num[i]['waku']) +`枠</span></td></tr>
<tr><th>騎手</th><td>`+ race_data_num[i]['jName'] +`</td></tr>`;
if(race_data_num[i]['odds']==""){
html +=`<tr><th>単勝オッズ</th><td>-</td></tr>`;
}else if(race_data_num[i]['odds']=="取消"){
html +=`<tr><th>単勝オッズ</th><td>取消</td></tr>`;
}else{
if(race_data_num[i]['pop'].includes('.')){
html +=`<tr><th>単勝オッズ</th><td>`+ race_data_num[i]['pop'] +`倍</td></tr>`;
}else{
html +=`<tr><th>単勝オッズ</th><td>`+ race_data_num[i]['odds'] +`倍</td></tr>`;
}}
if(typeof race_data_num[i]['pop']==='undefined'){
html +=`<tr><th>人気</th><td>-</td></tr>`;
}else{
if(race_data_num[i]['pop'].includes('.')){
html +=`<tr><th>人気</th><td>`+ race_data_num[i]['odds'] +`人気</td></tr>`;
}else{
html +=`<tr><th>人気</th><td>`+ race_data_num[i]['pop'] +`人気</td></tr>`;
}}
html +=`<tr><th>馬体重</th><td>`+ race_data_num[i]['hWeight'] +`kg</td></tr>
</tbody>
</table>`;
}else{
html +=`<table class="popupwindow__inner__content__info">
<tbody>
<tr>
<th>馬番</th><td>`+ race_data_num[i]['umaban'] +`番</td>`;
if(race_data_num[i]['odds']==""){
html +=`<th>単勝オッズ</th><td>-</td>`;
}else if(race_data_num[i]['odds']=="取消"){
html +=`<th>単勝オッズ</th><td>取消</td>`;
}else{
if(race_data_num[i]['pop'].includes('.')){
html +=`<th>単勝オッズ</th><td>`+ race_data_num[i]['pop'] +`倍</td>`;
}else{
html +=`<th>単勝オッズ</th><td>`+ race_data_num[i]['odds'] +`倍</td>`;
}}
html +=`</tr>
<tr>
<th>枠番</th><td><span class="waku-color waku-color--`+ waku_color(race_data_num[i]['waku']) +`">`+ waku_color(race_data_num[i]['waku']) +`枠</span></td>`;
if(typeof race_data_num[i]['pop']==='undefined'){
html +=`<th>人気</th><td>-</td>`;
}else{
if(race_data_num[i]['pop'].includes('.')){
html +=`<th>人気</th><td>`+ race_data_num[i]['odds'] +`人気</td>`;
}else{
html +=`<th>人気</th><td>`+ race_data_num[i]['pop'] +`人気</td>`;
}}
html +=`</tr>
<tr><th>騎手</th><td>`+ race_data_num[i]['jName'] +`</td><th>馬体重</th><td>`+ race_data_num[i]['hWeight'] +`kg</td></tr>
</tbody>
</table>`;
}
html +=`<p class="popupwindow__inner__midashi__kyusya"><span class="shirushi"><img src="`+ path_to_theme +`/images/aiyosou/popup_icon_data.svg" alt=""></span>競走馬データ</p>
<table class="popupwindow__inner__content__kyusya">
<tbody>`;
if(typeof race_data_num[i]['trainer']==='undefined'){
html +=`<tr><th>調教師</th><td>`+ race_data_num[i]['trainer_detailed']['name'] +`</td></tr>`;
}else{
html +=`<tr><th>調教師</th><td>`+ race_data_num[i]['trainer'] +`</td></tr>`;
}
html +=`</tbody>
</table>
<p class="popupwindow__inner__midashi__blood">血統</p>
<div class="popupwindow__inner__content__blood">
<div class="popupwindow__inner__content__blood__left">
<div class="popupwindow__inner__content__blood__left__left">`+ mishutoku(race_data_num[i]['sire']) +`</div>
<div class="popupwindow__inner__content__blood__left__right">
<div class="popupwindow__inner__content__blood__left__right__top">-</div>
<div class="popupwindow__inner__content__blood__left__right__bottom">-</div>
</div>
</div>
<div class="popupwindow__inner__content__blood__right">
<div class="popupwindow__inner__content__blood__right__left">`+ mishutoku(race_data_num[i]['dam']) +`</div>
<div class="popupwindow__inner__content__blood__right__right">
<div class="popupwindow__inner__content__blood__right__right__top">`+ mishutoku(race_data_num[i]['dam_sire']) +`</div>
<div class="popupwindow__inner__content__blood__right__right__bottom">-</div>
</div>
</div>
</div>
</div>
<div class="popupwindow__inner__tojiru">閉じる<span>✕</span></div>
</div>
</div>`;
}}
}
html +='</div>';
}}
elm.innerHTML=html;
let button=document.querySelectorAll('.div__aiyosou__content__undertext');
let index_about;
button.forEach((e)=> {
e.addEventListener('click', ()=> {
index_about=[].slice.call(button).indexOf(e);
let hc=document.getElementsByClassName('div__aiyosou-popup')[0];
let style=hc.currentStyle||document.defaultView.getComputedStyle(hc, '');
hc.classList.remove('closed');
});
});
let close_button_top=document.querySelectorAll('.div__aiyosou-popup__inner__close');
let index_close_about;
close_button_top.forEach((e)=> {
e.addEventListener('click', ()=> {
index_close_about=[].slice.call(close_button_top).indexOf(e);
let hc=document.getElementsByClassName('div__aiyosou-popup')[index_close_about];
hc.classList.add('closed');
});
});
let buttons=document.querySelectorAll('.popupfor');
let index;
let bodytag=document.getElementsByTagName('body')[0];
buttons.forEach((e)=> {
e.addEventListener('click', ()=> {
index=[].slice.call(buttons).indexOf(e);
let hc=document.getElementsByClassName('popupwindow')[index];
let style=hc.currentStyle||document.defaultView.getComputedStyle(hc, '');
hc.classList.remove('closed');
bodytag.classList.add('nomove');
});
});
let close_buttons_top=document.querySelectorAll('.popupwindow__inner__close');
let index_close;
close_buttons_top.forEach((e)=> {
e.addEventListener('click', ()=> {
index_close=[].slice.call(close_buttons_top).indexOf(e);
let hc=document.getElementsByClassName('popupwindow')[index_close];
hc.classList.add('closed');
bodytag.classList.remove('nomove');
});
});
let close_buttons_bottom=document.querySelectorAll('.popupwindow__inner__tojiru');
let index_close_bottom;
close_buttons_bottom.forEach((e)=> {
e.addEventListener('click', ()=> {
index_close_bottom=[].slice.call(close_buttons_bottom).indexOf(e);
let hc=document.getElementsByClassName('popupwindow')[index_close_bottom];
let style=hc.currentStyle||document.defaultView.getComputedStyle(hc, '');
hc.classList.add('closed');
bodytag.classList.remove('nomove');
});
});
console.log('htmlレース結果地方完了');
}}
const aiyosou_chiho=document.getElementById('aiyosou-chiho');
if(aiyosou_chiho){
document.addEventListener('click', e=>{
const t=e.target;
const date=document.querySelectorAll('.div__aiyosou__day')[0].querySelectorAll('.selected')[0].dataset.date;
const jcd=document.querySelectorAll('.div__aiyosou__field')[0].querySelectorAll('.selected')[0].dataset.jcd;
if(t.matches('.div__aiyosou__race__li')){
const race_num=t.dataset.racenum;
const json=JSON.stringify({
'date': date,
'jcd': jcd,
'race_num': race_num,
'pfm': 'web',
'mode': 'cors'
});
aiyosoucheck_chiho(json);
}});
document.addEventListener('click', e=>{
const t=e.target;
if(t.matches('.div__aiyosou__day__li')){
const date=t.dataset.date;
const json=JSON.stringify({
'date': date,
'jcd': '',
'race_num': '',
'pfm': 'web',
'mode': 'cors'
});
aiyosoucheck_chiho(json);
}});
document.addEventListener('click', e=>{
const t=e.target;
const date=document.querySelectorAll('.div__aiyosou__day')[0].querySelectorAll('.selected')[0].dataset.date;
if(t.matches('.div__aiyosou__field__li')){
const jcd=t.dataset.jcd;
const json=JSON.stringify({
'date': date,
'jcd': jcd,
'race_num': 1,
'pfm': 'web',
'mode': 'cors'
});
aiyosoucheck_chiho(json);
}});
}
function aiyosoutoday_chiho(json){
const nowhost=location.host;
let api_url;
if(nowhost=='umabi.jp'){
api_url='https://umabi.jp/wp-content/themes/keibaBibit_241106/templates/api/yosou_chiho_get.php';
}else{
api_url='http://localhost:8099/umabi.jp/wp-content/themes/keibaBibit_241106/templates/api/yosou_chiho_get.php';
}
const aiyosou_chiho_today=document.getElementById('aiyosou-today-chiho');
if(aiyosou_chiho_today){
if(json==false){
const date='';
const jcd='';
const race_num='';
var send_json=JSON.stringify({
"date": date,
"jcd": jcd,
"race_num": race_num,
"data_choice": 1,
"pfm": "web",
"mode": "cors"
});
}else{
var send_json=json;
const loading_bibit=document.querySelectorAll('.div__aitoday__loading')[0];
loading_bibit.classList.remove('closed');
}
const xhr=new XMLHttpRequest;
xhr.open('POST', api_url, true);
xhr.setRequestHeader('Content-Type', 'application/json');
xhr.send(send_json);
xhr.onload=function(){
const res=this.responseText;
if(res){
const data=JSON.parse(res);
set_yosou_today_chiho(data);
}};
xhr.onerror=setTimeout(function(){
const xhr2=new XMLHttpRequest;
xhr2.open('POST', api_url, true);
xhr2.setRequestHeader('Content-Type', 'application/json');
xhr2.send(send_json);
xhr2.onload=function(){
const res=this.responseText;
if(res){
const data=JSON.parse(res);
set_yosou_today_chiho(data);
}};}, 1000);
}}
aiyosoutoday_chiho(false);
function set_yosou_today_chiho(data){
const elm=document.getElementById('aiyosou-today-chiho');
let html;
if(elm){
html='';
const date_relation=data.date_relation;
const date_arr=data.date_arr;
const tekichu_data=data.tekichu_data;
const race_data_all=data.race_data;
const field_fromdata=race_data_all[0].jcdStr;
let race_data,race_result,kaime_arr,kekka_arr;
const matchMedia=window.matchMedia('(max-width:600px)');
if(race_data_all){
race_data=JSON.parse(race_data_all[0].data);
race_result=JSON.parse(race_data_all[0].result);
if(race_result){
race_result=race_result.horses;
race_result.sort((a, b)=> a.place - b.place);
}}
let result_arr1to3=new Array();
let shirushi_arr1to5=new Array();
const itertool=f => (array, n)=> {
return n===1
? array.map(x=> [x])
: array.flatMap((x, i)=> {
return itertool(f)(f(array, i), n-1)
.map(y=> [x].concat(y))
})
}
const comb=(array, i)=> array.slice(i+1);
const perm=(array, i)=> array.slice(0, i).concat(array.slice(i+1));
const combination=itertool(comb);
const permutation=itertool(perm);
const isSameArrayIgnoreOrder=(array1, array2)=>{
if(!Array.isArray(array1)||!Array.isArray(array2)||array1.length!==array2.length) return false;
const length=array1.length;
if(length===0) return true;
const a2=Object.assign([],array2);
const result=array1.every(value=>{
let sameIndex=-1;
if(Array.isArray(value)){
sameIndex=a2.findIndex(a2Value=>!Array.isArray(a2Value) ? false
: isSameArrayIgnoreOrder(value , a2Value)
);
} else sameIndex=a2.indexOf(value);
if(sameIndex < 0) return false;
delete a2[sameIndex];
return true;
});
return result&&a2.every(()=>false);
}
function isObject(value){
return value!==null&&typeof value==='object'
}
const race_num=race_data_all.race_num;
const jcd_list_en=[
'obihiro',
'mombetsu',
'morioka',
'mizusawa',
'urawa',
'funabashi',
'ohi',
'kawasaki',
'kanazawa',
'kasamatsu',
'nagoya',
'sonoda',
'himeji',
'kochi',
'saga'
];
const jcd_list_jp=[
'帯広',
'門別',
'盛岡',
'水沢',
'浦和',
'船橋',
'大井',
'川崎',
'金沢',
'笠松',
'名古屋',
'園田',
'姫路',
'高知',
'佐賀'
];
const jcd_list={
'帯広':65,
'門別':30,
'盛岡':35,
'水沢':36,
'浦和':42,
'船橋':43,
'大井':44,
'川崎':45,
'金沢':46,
'笠松':47,
'名古屋':48,
'園田':50,
'姫路':51,
'高知':54,
'佐賀':55
};
const jcd_list_jp_to_en={
'帯広':'obihiro',
'門別':'mombetsu',
'盛岡':'morioka',
'水沢':'mizusawa',
'浦和':'urawa',
'船橋':'funabashi',
'大井':'ohi',
'川崎':'kawasaki',
'金沢':'kanazawa',
'笠松':'kasamatsu',
'名古屋':'nagoya',
'園田':'sonoda',
'姫路':'himeji',
'高知':'kochi',
'佐賀':'saga',
};
const jcd_name_en=jcd_list_jp_to_en[field_fromdata];
if(date_relation){
var date=new Date(date_relation.this_date);
var yyyy=date.getFullYear();
var mm=date.getMonth() + 1;
var dd=date.getDate();
var w=date.getDay();
week=["日", "月", "火", "水", "木", "金", "土"];
function ongoing_date(date, race_date){
if(date==race_date){
return 'ongoing';
}else{
return '';
}}
if(date_arr){
function yosou_shirushi_alt(num){
if(num==1){
return '◎';
}else if(num==2){
return '○';
}else if(num==3){
return '▲';
}else if(num==4){
return '△';
}else if(num==5){
return '★';
}else{
return '';
}}
function yosou_shirushi_text(num){
if(num==1){
return '(◎)';
}else if(num==2){
return '(○)';
}else if(num==3){
return '(▲)';
}else if(num==4){
return '(△)';
}else if(num==5){
return '(★)';
}else{
return '';
}}
function waku_color(text){
if(text.includes('1')){
return 1;
}else if(text.includes('2')){
return 2;
}else if(text.includes('3')){
return 3;
}else if(text.includes('4')){
return 4;
}else if(text.includes('5')){
return 5;
}else if(text.includes('6')){
return 6;
}else if(text.includes('7')){
return 7;
}else if(text.includes('8')){
return 8;
}else{
return '';
}}
function mishutoku(text){
if(text=='未取得'){
return '-';
}else{
return text;
}}
html +=`<div class="div__aitoday__loading closed">
<div class="div__aitoday__loading__wrap">
<div class="div__aitoday__loading__wrap__img">
<img src="`+path_to_theme+`/images/aiyosou/loading.gif">
</div>
<p class="div__aitoday__loading__wrap__shikou">思考中</p>
<p class="div__aitoday__loading__wrap__nowloading">now loading...</p>
</div>
</div>
<h3>本日のレース結果：`+yyyy+`/`+mm+`/`+dd+`(`+week[w]+`)</h3>
<ul class="div__aitoday__field div__aitoday__field--chiho">`;
for(let i=0; i < jcd_list_en.length; i++){
let field_name=date_arr[jcd_list_en[i]];
if(field_name){
if(race_data_all[0].jcdStr==jcd_list_jp[i]){
html +='<li class="div__aitoday__field__li div__aitoday__field__li--chiho checked" data-jcd="'+jcd_list[jcd_list_jp[i]]+'" data-date="'+date_arr.date+'">'+ jcd_list_jp[i] +'</li>';
}else{
html +='<li class="div__aitoday__field__li div__aitoday__field__li--chiho" data-jcd="'+jcd_list[jcd_list_jp[i]]+'" data-date="'+date_arr.date+'">'+ jcd_list_jp[i] +'</li>';
}}
}
html +='</ul>';
if(isObject(tekichu_data)&&Object.keys(tekichu_data).length){
const date_forupdated=new Date(tekichu_data.updated_at);
const hh=date_forupdated.getHours();
const min=date_forupdated.getMinutes();
html +='<p class="div__aitoday__update">最終更新：'+hh+':'+min+' <span>※レース開催から1時間毎に更新</span></p>';
}else{
html +='<p class="div__aitoday__update">最終更新：- <span>※レース開催から1時間毎に更新</span></p>';
}
if(matchMedia.matches){
html +=`<div class="div__aitoday__main">
<ul class="div__aitoday__nav">`;
for(let i=0; i < race_data_all.length; i++){
let race_data_before=JSON.parse(race_data_all[i].data);
let race_data_after=JSON.parse(race_data_all[i].result);
if(race_data_all[i].result){
html +=`<li class="div__aitoday__nav__inner done" data-racenum="`+(i + 1)+`">
<div class="div__aitoday__nav__inner__wrap">
<div class="div__aitoday__nav__inner__wrap__left">`+(i+1)+`R</div>
<div class="div__aitoday__nav__inner__wrap__right">
<div class="div__aitoday__nav__inner__wrap__right__top">`+race_data_before.race_info.race_name;
if(tekichu_data[jcd_name_en].replace("[", "").replace("]", "").split(",").includes(String(i + 1))){
html +=`<img class="icon_tekichu" src="`+path_to_theme+`/images/aiyosou/today_tekichu.svg" alt="的中">`;
}
html +=`</div>
<div class="div__aitoday__nav__inner__wrap__right__bottom">`+race_data_before.race_info.time+` `+race_data_before.race_info.turf_type +race_data_before.race_info.race_cource.replace(/[^0-9]/g, '').substr(0, 4) +`m</div>
</div>
</div>
<div class="div__aitoday__nav__inner__content" data-racenum="`+(i + 1)+`"></div>
</li>`;
}else{
html +=`<li class="div__aitoday__nav__inner" data-racenum="`+(i + 1)+`">
<div class="div__aitoday__nav__inner__wrap">
<div class="div__aitoday__nav__inner__wrap__left">`+(i+1)+`R</div>
<div class="div__aitoday__nav__inner__wrap__right">
<div class="div__aitoday__nav__inner__wrap__right__top">`+race_data_before.race_info.race_name+`</div>
<div class="div__aitoday__nav__inner__wrap__right__bottom">`+race_data_before.race_info.time+` `+race_data_before.race_info.turf_type +race_data_before.race_info.race_cource.replace(/[^0-9]/g, '').substr(0, 4) +`m</div>
</div>
</div>
<div class="div__aitoday__nav__inner__content" data-racenum="`+(i + 1)+`"></div>
</li>`;
}}
html +=`</ul>`;
elm.innerHTML=html;
}else{
html +=`<div class="div__aitoday__main">
<ul class="div__aitoday__nav">`;
for(let i=0; i < race_data_all.length; i++){
let race_data_before=JSON.parse(race_data_all[i].data);
let race_data_after=JSON.parse(race_data_all[i].result);
if(i==0&&race_data_all[i].result){
html +=`<li class="div__aitoday__nav__inner done checked" data-racenum="`+(i + 1)+`">
<div class="div__aitoday__nav__inner__wrap">
<div class="div__aitoday__nav__inner__wrap__left">`+(i+1)+`R</div>
<div class="div__aitoday__nav__inner__wrap__right">
<div class="div__aitoday__nav__inner__wrap__right__top">`+race_data_before.race_info.race_name;
if(tekichu_data[jcd_name_en].replace("[", "").replace("]", "").split(",").includes(String(i + 1))){
html +=`<img class="icon_tekichu" src="`+path_to_theme+`/images/aiyosou/today_tekichu.svg" alt="的中">`;
}
html +=`</div>
<div class="div__aitoday__nav__inner__wrap__right__bottom">`+race_data_before.race_info.time+` `+race_data_before.race_info.turf_type +race_data_before.race_info.race_cource.replace(/[^0-9]/g, '').substr(0, 4) +`m</div>
</div>
</div>
</li>`;
}else if(i==0){
html +=`<li class="div__aitoday__nav__inner checked" data-racenum="`+(i + 1)+`">
<div class="div__aitoday__nav__inner__wrap">
<div class="div__aitoday__nav__inner__wrap__left">`+(i+1)+`R</div>
<div class="div__aitoday__nav__inner__wrap__right">
<div class="div__aitoday__nav__inner__wrap__right__top">`+race_data_before.race_info.race_name+`</div>
<div class="div__aitoday__nav__inner__wrap__right__bottom">`+race_data_before.race_info.time+` `+race_data_before.race_info.turf_type +race_data_before.race_info.race_cource.replace(/[^0-9]/g, '').substr(0, 4) +`m</div>
</div>
</div>
</li>`;
}else{
if(race_data_all[i].result){
html +=`<li class="div__aitoday__nav__inner done" data-racenum="`+(i + 1)+`">
<div class="div__aitoday__nav__inner__wrap">
<div class="div__aitoday__nav__inner__wrap__left">`+(i+1)+`R</div>
<div class="div__aitoday__nav__inner__wrap__right">
<div class="div__aitoday__nav__inner__wrap__right__top">`+race_data_before.race_info.race_name;
if(tekichu_data[jcd_name_en].replace("[", "").replace("]", "").split(",").includes(String(i + 1))){
html +=`<img class="icon_tekichu" src="`+path_to_theme+`/images/aiyosou/today_tekichu.svg" alt="的中">`;
}
html +=`</div>
<div class="div__aitoday__nav__inner__wrap__right__bottom">`+race_data_before.race_info.time+` `+race_data_before.race_info.turf_type +race_data_before.race_info.race_cource.replace(/[^0-9]/g, '').substr(0, 4) +`m</div>
</div>
</div>
</li>`;
}else{
html +=`<li class="div__aitoday__nav__inner" data-racenum="`+(i + 1)+`">
<div class="div__aitoday__nav__inner__wrap">
<div class="div__aitoday__nav__inner__wrap__left">`+(i+1)+`R</div>
<div class="div__aitoday__nav__inner__wrap__right">
<div class="div__aitoday__nav__inner__wrap__right__top">`+race_data_before.race_info.race_name+`</div>
<div class="div__aitoday__nav__inner__wrap__right__bottom">`+race_data_before.race_info.time+` `+race_data_before.race_info.turf_type +race_data_before.race_info.race_cource.replace(/[^0-9]/g, '').substr(0, 4) +`m</div>
</div>
</div>
</li>`;
}}
}
html +=`</ul>`;
let race_data_before=JSON.parse(race_data_all[0].data);
let race_data_after=JSON.parse(race_data_all[0].result);
html +=`<div class="div__aitoday__content">
<div class="div__aitoday__content__midashi">
<div class="div__aitoday__content__midashi__race">1R</div>
<div class="div__aitoday__content__midashi__name">`+race_data_before.race_info.race_name;
if(race_data_after){
if(tekichu_data[jcd_name_en].replace("[", "").replace("]", "").split(",").includes(String(1))){
html +=`<img class="icon_tekichu" src="`+path_to_theme+`/images/aiyosou/today_tekichu.svg" alt="的中">`;
}}
html +=`</div>
<div class="div__aitoday__content__midashi__info">`+race_data_before.race_info.time+` `+race_data_before.race_info.turf_type +race_data_before.race_info.race_cource.replace(/[^0-9]/g, '').substr(0, 4) +`m</div>
</div>
<div class="div__aitoday__content__inner">
<p class="midashi">
<img class="icon_midashi" src="`+path_to_theme+`/images/aiyosou/today_midashi_icon_1.svg" alt="">
<img class="gazo_midashi" src="`+path_to_theme+`/images/aiyosou/today_midashi.svg" alt="ビビットAIの予想">
</p>`;
let race_data_shirushi=race_data_before.horses_descscore.concat();
for(let i=0; i < race_data_shirushi.length; i++){
race_data_shirushi[i]['scoreRanking']=i + 1;
}
var race_data_num=race_data_shirushi.concat();
race_data_num.sort(function(first, second){
if(Number(first.umaban) > Number(second.umaban)){
return 1;
}else if(Number(first.umaban) < Number(second.umaban)){
return -1;
}else{
return 0;
}});
if(race_data_after){
result_arr1to3=new Array();
for(let i=0; i < race_result.length; i++){
result_arr1to3[result_arr1to3.length]=race_result[i].num;
if(i > 1){ break; }}
}
shirushi_arr1to5=new Array();
for(let i=0; i < race_data_shirushi.length; i++){
shirushi_arr1to5[shirushi_arr1to5.length]=race_data_shirushi[i].umaban;
if(i > 3){ break; }}
html +=`<ul class="div__aitoday__content__inner__mark">
<li><span class="shirushi--midashi shirushi--midashi__1"></span><span class="shirushi--midashi shirushi--midashi__2">予想印</span><span class="shirushi--midashi shirushi--midashi__3">馬番</span><span class="shirushi--midashi shirushi--midashi__4">馬名</span></li>`;
let bool_tekichu=false;
for(let i=0; i < race_data_shirushi.length; i++){
if(race_result){
if(race_result.length > 0){
for(let i_2=0; i_2 < 3; i_2++){
if(race_data_shirushi[i].umaban==race_result[i_2].num){
html +=`<li class="tekichu--`+ (i_2 + 1) +`">
<span class="tekichu-wrap"><span class="tekichu"><img src="`+ path_to_theme +`/images/aiyosou/tekichu_`+ (i_2 + 1) +`.svg" alt="`+ (i_2 + 1) +`着"></span></span>
<span class="shirushi-wrap"><span class="shirushi"><img src="`+ path_to_theme +`/images/aiyosou/shirushi_b_`+ race_data_shirushi[i].scoreRanking +`.svg" alt="`+ yosou_shirushi_alt(i +1) +`"></span></span>
<span class="umaban-wrap"><span class="umaban umaban--`+ waku_color(race_data_shirushi[i].waku) +`">`+ race_data_shirushi[i].umaban +`</span></span>
<span class="bamei">`+ race_data_shirushi[i].hName +`</span>
</li>`;
bool_tekichu=true;
break;
}}
}}
if(bool_tekichu==false){
html +=`<li>
<span class="tekichu-wrap"></span>
<span class="shirushi-wrap"><span class="shirushi"><img src="`+ path_to_theme +`/images/aiyosou/shirushi_b_`+ race_data_shirushi[i].scoreRanking +`.svg" alt="`+ yosou_shirushi_alt(i +1) +`"></span></span>
<span class="umaban-wrap"><span class="umaban umaban--`+ waku_color(race_data_shirushi[i].waku) +`">`+ race_data_shirushi[i].umaban +`</span></span>
<span class="bamei">`+ race_data_shirushi[i].hName +`</span>
</li>`;
}
bool_tekichu=false;
if(i >=4) break;
}
html +=`</ul>
<div class="div__aitoday__content__inner__undertext div__aiyosou__content__undertext"><img src="`+ path_to_theme +`/images/aiyosou/today_question.svg" alt="question">競馬ビビットのAI予想について</div>`;
if(race_data_after){
html +=`<p class="midashi">
<img class="icon_midashi" src="`+ path_to_theme +`/images/aiyosou/today_midashi_icon_2.svg" alt="">
<span class="text_midashi">レース結果</span>
</p>
<div class="div__aitoday__content__inner__tablewrap">
<table>
<tbody>
<tr>
<th>着順</th>
<th>馬番</th>
<th>馬名</th>
<th>オッズ</th>
<th>人気</th>
<th>タイム</th>
<th>指数</th>
<th>予想印</th>
</tr>`;
for(let i=0; i < race_result.length; i++){
html +=`<tr>
<td>`+(i+1)+`</td>
<td><span class="umaban umaban--`+ waku_color(race_data_num[race_result[i].num - 1]['waku']) +`">`+race_result[i].num+`</span></td>
<td>`+race_result[i].horse+`</td>`;
if(race_result[i].odds.includes('.')){
html +=`<td>`+race_result[i].odds+`</td>
<td>`+race_data_num[race_result[i].num - 1]['pop']+`人気</td>`;
}else{
html +=`<td>`+race_data_num[race_result[i].num - 1]['pop']+`</td>
<td>`+race_data_num[race_result[i].num - 1]['odds']+`人気</td>`;
}
html +=`<td>`+race_result[i].time+`</td>
<td>`+race_data_num[race_result[i].num - 1]['score']+`</td>
<td>
<span class="shirushi">`;
if(race_data_num[race_result[i].num - 1]['scoreRanking'] < 6){
html +=`<img src="`+ path_to_theme +`/images/aiyosou/shirushi_b_`+race_data_num[race_result[i].num - 1]['scoreRanking']+`.svg" alt="`+ yosou_shirushi_alt(race_data_num[race_result[i].num - 1]['scoreRanking']) +`">`;
}
html +=`</span>
</td>
</tr>`;
}
html +=`</tbody>
</table>
</div>
<p class="midashi--small">単勝</p>
<div class="div__aitoday__content__inner__kaime">
<ul class="kaime__ul">`;
bool_tekichu=false;
for(let i=0; i < race_data_shirushi.length; i++){
if(race_result){
if(race_result.length > 0){
if(race_data_shirushi[i].umaban==race_result[0].num){
html +=`<li><span class="umaban-wrap tekichu"><span class="umaban umaban--`+ waku_color(race_data_shirushi[i].waku) +`">`+ race_data_shirushi[i].umaban +`</span></span></li>`;
bool_tekichu=true;
}}
}
if(bool_tekichu==false){
html +=`<li><span class="umaban-wrap"><span class="umaban umaban--`+ waku_color(race_data_shirushi[i].waku) +`">`+ race_data_shirushi[i].umaban +`</span></span></li>`;
}
bool_tekichu=false;
if(i >=4) break;
}
html +=`</ul>
</div>
<p class="midashi--small">複勝</p>
<div class="div__aitoday__content__inner__kaime">
<ul class="kaime__ul">`;
bool_tekichu=false;
for(let i=0; i < race_data_shirushi.length; i++){
if(race_result){
if(race_result.length > 0){
for(let i_2=0; i_2 < 3; i_2++){
if(race_data_shirushi[i].umaban==race_result[i_2].num){
html +=`<li><span class="umaban-wrap tekichu"><span class="umaban umaban--`+ waku_color(race_data_shirushi[i].waku) +`">`+ race_data_shirushi[i].umaban +`</span></span></li>`;
bool_tekichu=true;
break;
}}
}}
if(bool_tekichu==false){
html +=`<li><span class="umaban-wrap"><span class="umaban umaban--`+ waku_color(race_data_shirushi[i].waku) +`">`+ race_data_shirushi[i].umaban +`</span></span></li>`;
}
bool_tekichu=false;
if(i >=4) break;
}
html +=`</ul>
</div>
<p class="midashi--small">ワイド</p>
<div class="div__aitoday__content__inner__kaime">
<ul class="kaime__ul">`;
kekka_arr=combination(result_arr1to3, 2);
kaime_arr=combination(shirushi_arr1to5, 2);
bool_tekichu=false;
for(let i=0; i < kaime_arr.length; i++){
const kaime_arr_single=kaime_arr[i];
bool_tekichu=false;
for(let i_2=0; i_2 < kekka_arr.length; i_2++){
const kekka_arr_single=kekka_arr[i_2];
if(isSameArrayIgnoreOrder(kaime_arr_single, kekka_arr_single)){
html +=`<li><span class="umaban-wrap tekichu">`;
for(let i_3=0; i_3 < kaime_arr_single.length; i_3++){
html +=`<span class="umaban umaban--`+ waku_color(race_data_num[kaime_arr_single[i_3] - 1].waku) +`">`+ kaime_arr_single[i_3] +`</span>`;
}
html +=`</span></li>`;
bool_tekichu=true;
}}
if(bool_tekichu==false){
html +=`<li><span class="umaban-wrap">`;
for(let i_3=0; i_3 < kaime_arr_single.length; i_3++){
html +=`<span class="umaban umaban--`+ waku_color(race_data_num[kaime_arr_single[i_3] - 1].waku) +`">`+ kaime_arr_single[i_3] +`</span>`;
}
html +=`</span></li>`;
}}
html +=`</ul>
</div>
<p class="midashi--small">３連複</p>
<div class="div__aitoday__content__inner__kaime">
<ul class="kaime__ul">`;
kekka_arr=combination(result_arr1to3, 3);
kaime_arr=combination(shirushi_arr1to5, 3);
bool_tekichu=false;
for(let i=0; i < kaime_arr.length; i++){
const kaime_arr_single=kaime_arr[i];
bool_tekichu=false;
for(let i_2=0; i_2 < kekka_arr.length; i_2++){
const kekka_arr_single=kekka_arr[i_2];
if(isSameArrayIgnoreOrder(kaime_arr_single, kekka_arr_single)){
html +=`<li><span class="umaban-wrap tekichu">`;
for(let i_3=0; i_3 < kaime_arr_single.length; i_3++){
html +=`<span class="umaban umaban--`+ waku_color(race_data_num[kaime_arr_single[i_3] - 1].waku) +`">`+ kaime_arr_single[i_3] +`</span>`;
}
html +=`</span></li>`;
bool_tekichu=true;
}}
if(bool_tekichu==false){
html +=`<li><span class="umaban-wrap">`;
for(let i_3=0; i_3 < kaime_arr_single.length; i_3++){
html +=`<span class="umaban umaban--`+ waku_color(race_data_num[kaime_arr_single[i_3] - 1].waku) +`">`+ kaime_arr_single[i_3] +`</span>`;
}
html +=`</span></li>`;
}}
html +=`</ul>
</div>`;
}
html +=`</div>
</div>
</div>`;
elm.innerHTML=html;
}}
}
let button_race=document.querySelectorAll('.div__aitoday__nav__inner');
let index_race;
button_race.forEach((e)=> {
e.addEventListener('click', function(ev){
if(!e.classList.contains('checked')){
button_race.forEach((e2)=> {
e2.classList.remove('checked');
});
e.classList.add('checked');
const rewrite_racenum=e.dataset.racenum;
race_data=JSON.parse(race_data_all[rewrite_racenum - 1].data);
race_result=JSON.parse(race_data_all[rewrite_racenum - 1].result);
let race_data_before=JSON.parse(race_data_all[rewrite_racenum - 1].data);
let race_data_after=JSON.parse(race_data_all[rewrite_racenum - 1].result);
if(race_result){
race_result=race_result.horses;
race_result.sort((a, b)=> a.place - b.place);
}
html='';
if(matchMedia.matches){
let rewrite_area=document.querySelectorAll('.div__aitoday__nav__inner__content');
rewrite_area.forEach((e3)=> {
e3.innerHTML='';
});
html +=`<div class="div__aitoday__content__inner">
<p class="midashi">
<img class="icon_midashi" src="`+path_to_theme+`/images/aiyosou/today_midashi_icon_1.svg" alt="">
<img class="gazo_midashi" src="`+path_to_theme+`/images/aiyosou/today_midashi.svg" alt="ビビットAIの予想">
</p>`;
let race_data_shirushi=race_data_before.horses_descscore.concat();
for(let i=0; i < race_data_shirushi.length; i++){
race_data_shirushi[i]['scoreRanking']=i + 1;
}
var race_data_num=race_data_shirushi.concat();
race_data_num.sort(function(first, second){
if(Number(first.umaban) > Number(second.umaban)){
return 1;
}else if(Number(first.umaban) < Number(second.umaban)){
return -1;
}else{
return 0;
}});
if(race_result){
result_arr1to3=new Array();
for(let i=0; i < race_result.length; i++){
result_arr1to3[result_arr1to3.length]=race_result[i].num;
if(i > 1){ break; }}
}
shirushi_arr1to5=new Array();
for(let i=0; i < race_data_shirushi.length; i++){
shirushi_arr1to5[shirushi_arr1to5.length]=race_data_shirushi[i].umaban;
if(i > 3){ break; }}
html +=`<ul class="div__aitoday__content__inner__mark">
<li><span class="shirushi--midashi shirushi--midashi__1"></span><span class="shirushi--midashi shirushi--midashi__2">予想印</span><span class="shirushi--midashi shirushi--midashi__3">馬番</span><span class="shirushi--midashi shirushi--midashi__4">馬名</span></li>`;
let bool_tekichu=false;
for(let i=0; i < race_data_shirushi.length; i++){
if(race_result){
if(race_result.length > 0){
for(let i_2=0; i_2 < 3; i_2++){
if(race_data_shirushi[i].umaban==race_result[i_2].num){
html +=`<li class="tekichu--`+ (i_2 + 1) +`">
<span class="tekichu-wrap"><span class="tekichu"><img src="`+ path_to_theme +`/images/aiyosou/tekichu_`+ (i_2 + 1) +`.svg" alt="`+ (i_2 + 1) +`着"></span></span>
<span class="shirushi-wrap"><span class="shirushi"><img src="`+ path_to_theme +`/images/aiyosou/shirushi_b_`+ race_data_shirushi[i].scoreRanking +`.svg" alt="`+ yosou_shirushi_alt(i +1) +`"></span></span>
<span class="umaban-wrap"><span class="umaban umaban--`+ waku_color(race_data_shirushi[i].waku) +`">`+ race_data_shirushi[i].umaban +`</span></span>
<span class="bamei">`+ race_data_shirushi[i].hName +`</span>
</li>`;
bool_tekichu=true;
break;
}}
}}
if(bool_tekichu==false){
html +=`<li>
<span class="tekichu-wrap"></span>
<span class="shirushi-wrap"><span class="shirushi"><img src="`+ path_to_theme +`/images/aiyosou/shirushi_b_`+ race_data_shirushi[i].scoreRanking +`.svg" alt="`+ yosou_shirushi_alt(i +1) +`"></span></span>
<span class="umaban-wrap"><span class="umaban umaban--`+ waku_color(race_data_shirushi[i].waku) +`">`+ race_data_shirushi[i].umaban +`</span></span>
<span class="bamei">`+ race_data_shirushi[i].hName +`</span>
</li>`;
}
bool_tekichu=false;
if(i >=4) break;
}
html +=`</ul>
<div class="div__aitoday__content__inner__undertext div__aiyosou__content__undertext"><img src="`+ path_to_theme +`/images/aiyosou/today_question.svg" alt="question">競馬ビビットのAI予想について</div>`;
if(race_result){
html +=`<p class="midashi">
<img class="icon_midashi" src="`+ path_to_theme +`/images/aiyosou/today_midashi_icon_2.svg" alt="">
<span class="text_midashi">レース結果</span>
</p>
<div class="div__aitoday__content__inner__tablewrap">
<table>
<tbody>
<tr>
<th>着順</th>
<th>馬番</th>
<th>馬名</th>
<th>オッズ</th>
<th>人気</th>
<th>タイム</th>
<th>指数</th>
<th>予想印</th>
</tr>`;
for(let i=0; i < race_result.length; i++){
html +=`<tr>
<td>`+(i+1)+`</td>
<td><span class="umaban umaban--`+ waku_color(race_data_num[race_result[i].num - 1]['waku']) +`">`+race_result[i].num+`</span></td>
<td>`+race_result[i].horse+`</td>`;
if(race_result[i].odds.includes('.')){
html +=`<td>`+race_result[i].odds+`</td>
<td>`+race_data_num[race_result[i].num - 1]['pop']+`人気</td>`;
}else{
html +=`<td>`+race_data_num[race_result[i].num - 1]['pop']+`</td>
<td>`+race_data_num[race_result[i].num - 1]['odds']+`人気</td>`;
}
html +=`<td>`+race_result[i].time+`</td>
<td>`+race_data_num[race_result[i].num - 1]['score']+`</td>
<td>
<span class="shirushi">`;
if(race_data_num[race_result[i].num - 1]['scoreRanking'] < 6){
html +=`<img src="`+ path_to_theme +`/images/aiyosou/shirushi_b_`+race_data_num[race_result[i].num - 1]['scoreRanking']+`.svg" alt="`+ yosou_shirushi_alt(race_data_num[race_result[i].num - 1]['scoreRanking']) +`">`;
}
html +=`</span>
</td>
</tr>`;
}
html +=`</tbody>
</table>
</div>
<p class="midashi--small">単勝</p>
<div class="div__aitoday__content__inner__kaime">
<ul class="kaime__ul">`;
bool_tekichu=false;
for(let i=0; i < race_data_shirushi.length; i++){
if(race_result){
if(race_result.length > 0){
if(race_data_shirushi[i].umaban==race_result[0].num){
html +=`<li><span class="umaban-wrap tekichu"><span class="umaban umaban--`+ waku_color(race_data_shirushi[i].waku) +`">`+ race_data_shirushi[i].umaban +`</span></span></li>`;
bool_tekichu=true;
}}
}
if(bool_tekichu==false){
html +=`<li><span class="umaban-wrap"><span class="umaban umaban--`+ waku_color(race_data_shirushi[i].waku) +`">`+ race_data_shirushi[i].umaban +`</span></span></li>`;
}
bool_tekichu=false;
if(i >=4) break;
}
html +=`</ul>
</div>
<p class="midashi--small">複勝</p>
<div class="div__aitoday__content__inner__kaime">
<ul class="kaime__ul">`;
bool_tekichu=false;
for(let i=0; i < race_data_shirushi.length; i++){
if(race_result){
if(race_result.length > 0){
for(let i_2=0; i_2 < 3; i_2++){
if(race_data_shirushi[i].umaban==race_result[i_2].num){
html +=`<li><span class="umaban-wrap tekichu"><span class="umaban umaban--`+ waku_color(race_data_shirushi[i].waku) +`">`+ race_data_shirushi[i].umaban +`</span></span></li>`;
bool_tekichu=true;
break;
}}
}}
if(bool_tekichu==false){
html +=`<li><span class="umaban-wrap"><span class="umaban umaban--`+ waku_color(race_data_shirushi[i].waku) +`">`+ race_data_shirushi[i].umaban +`</span></span></li>`;
}
bool_tekichu=false;
if(i >=4) break;
}
html +=`</ul>
</div>
<p class="midashi--small">ワイド</p>
<div class="div__aitoday__content__inner__kaime">
<ul class="kaime__ul">`;
kekka_arr=combination(result_arr1to3, 2);
kaime_arr=combination(shirushi_arr1to5, 2);
bool_tekichu=false;
for(let i=0; i < kaime_arr.length; i++){
const kaime_arr_single=kaime_arr[i];
bool_tekichu=false;
for(let i_2=0; i_2 < kekka_arr.length; i_2++){
const kekka_arr_single=kekka_arr[i_2];
if(isSameArrayIgnoreOrder(kaime_arr_single, kekka_arr_single)){
html +=`<li><span class="umaban-wrap tekichu">`;
for(let i_3=0; i_3 < kaime_arr_single.length; i_3++){
html +=`<span class="umaban umaban--`+ waku_color(race_data_num[kaime_arr_single[i_3] - 1].waku) +`">`+ kaime_arr_single[i_3] +`</span>`;
}
html +=`</span></li>`;
bool_tekichu=true;
}}
if(bool_tekichu==false){
html +=`<li><span class="umaban-wrap">`;
for(let i_3=0; i_3 < kaime_arr_single.length; i_3++){
html +=`<span class="umaban umaban--`+ waku_color(race_data_num[kaime_arr_single[i_3] - 1].waku) +`">`+ kaime_arr_single[i_3] +`</span>`;
}
html +=`</span></li>`;
}}
html +=`</ul>
</div>
<p class="midashi--small">３連複</p>
<div class="div__aitoday__content__inner__kaime">
<ul class="kaime__ul">`;
kekka_arr=combination(result_arr1to3, 3);
kaime_arr=combination(shirushi_arr1to5, 3);
bool_tekichu=false;
for(let i=0; i < kaime_arr.length; i++){
const kaime_arr_single=kaime_arr[i];
bool_tekichu=false;
for(let i_2=0; i_2 < kekka_arr.length; i_2++){
const kekka_arr_single=kekka_arr[i_2];
if(isSameArrayIgnoreOrder(kaime_arr_single, kekka_arr_single)){
html +=`<li><span class="umaban-wrap tekichu">`;
for(let i_3=0; i_3 < kaime_arr_single.length; i_3++){
html +=`<span class="umaban umaban--`+ waku_color(race_data_num[kaime_arr_single[i_3] - 1].waku) +`">`+ kaime_arr_single[i_3] +`</span>`;
}
html +=`</span></li>`;
bool_tekichu=true;
}}
if(bool_tekichu==false){
html +=`<li><span class="umaban-wrap">`;
for(let i_3=0; i_3 < kaime_arr_single.length; i_3++){
html +=`<span class="umaban umaban--`+ waku_color(race_data_num[kaime_arr_single[i_3] - 1].waku) +`">`+ kaime_arr_single[i_3] +`</span>`;
}
html +=`</span></li>`;
}}
html +=`</ul>
</div>`;
}
html +=`</div>`;
rewrite_area[rewrite_racenum - 1].innerHTML=html;
e.scrollIntoView({
behavior: 'smooth'
});
let button=document.querySelectorAll('.div__aiyosou__content__undertext');
button.forEach((e)=> {
e.addEventListener('click', ()=> {
index_about=[].slice.call(button).indexOf(e);
let hc=document.getElementsByClassName('div__aiyosou-popup')[0];
let style=hc.currentStyle||document.defaultView.getComputedStyle(hc, '');
hc.classList.remove('closed');
});
});
let close_button_top=document.querySelectorAll('.div__aiyosou-popup__inner__close');
let index_close_about;
close_button_top.forEach((e)=> {
e.addEventListener('click', ()=> {
index_close_about=[].slice.call(close_button_top).indexOf(e);
let hc=document.getElementsByClassName('div__aiyosou-popup')[index_close_about];
hc.classList.add('closed');
});
});
}else{
let rewrite_area=document.querySelectorAll('.div__aitoday__content');
html +=`<div class="div__aitoday__content__midashi">
<div class="div__aitoday__content__midashi__race">`+rewrite_racenum+`R</div>
<div class="div__aitoday__content__midashi__name">`+race_data_before.race_info.race_name;
if(race_result){
if(tekichu_data[jcd_name_en].replace("[", "").replace("]", "").split(",").includes(String(rewrite_racenum))){
html +=`<img class="icon_tekichu" src="`+path_to_theme+`/images/aiyosou/today_tekichu.svg" alt="的中">`;
}}
html +=`</div>
<div class="div__aitoday__content__midashi__info">`+race_data_before.race_info.time+` `+race_data_before.race_info.turf_type +race_data_before.race_info.race_cource.replace(/[^0-9]/g, '').substr(0, 4) +`m</div>
</div>
<div class="div__aitoday__content__inner">
<p class="midashi">
<img class="icon_midashi" src="`+path_to_theme+`/images/aiyosou/today_midashi_icon_1.svg" alt="">
<img class="gazo_midashi" src="`+path_to_theme+`/images/aiyosou/today_midashi.svg" alt="ビビットAIの予想">
</p>`;
let race_data_shirushi=race_data_before.horses_descscore.concat();
race_data_shirushi.sort(function(first, second){
if(first.score > second.score){
return -1;
}else if(first.score < second.score){
return 1;
}else{
return 0;
}});
for(let i=0; i < race_data_shirushi.length; i++){
race_data_shirushi[i]['scoreRanking']=i + 1;
}
var race_data_num=race_data_shirushi.concat();
race_data_num.sort(function(first, second){
if(Number(first.umaban) > Number(second.umaban)){
return 1;
}else if(Number(first.umaban) < Number(second.umaban)){
return -1;
}else{
return 0;
}});
if(race_result){
result_arr1to3=new Array();
for(let i=0; i < race_result.length; i++){
result_arr1to3[result_arr1to3.length]=race_result[i].num;
if(i > 1){ break; }}
}
shirushi_arr1to5=new Array();
for(let i=0; i < race_data_shirushi.length; i++){
shirushi_arr1to5[shirushi_arr1to5.length]=race_data_shirushi[i].umaban;
if(i > 3){ break; }}
html +=`<ul class="div__aitoday__content__inner__mark">
<li><span class="shirushi--midashi shirushi--midashi__1"></span><span class="shirushi--midashi shirushi--midashi__2">予想印</span><span class="shirushi--midashi shirushi--midashi__3">馬番</span><span class="shirushi--midashi shirushi--midashi__4">馬名</span></li>`;
let bool_tekichu=false;
for(let i=0; i < race_data_shirushi.length; i++){
if(race_result){
if(race_result.length > 0){
for(let i_2=0; i_2 < 3; i_2++){
if(race_data_shirushi[i].umaban==race_result[i_2].num){
html +=`<li class="tekichu--`+ (i_2 + 1) +`">
<span class="tekichu-wrap"><span class="tekichu"><img src="`+ path_to_theme +`/images/aiyosou/tekichu_`+ (i_2 + 1) +`.svg" alt="`+ (i_2 + 1) +`着"></span></span>
<span class="shirushi-wrap"><span class="shirushi"><img src="`+ path_to_theme +`/images/aiyosou/shirushi_b_`+ race_data_shirushi[i].scoreRanking +`.svg" alt="`+ yosou_shirushi_alt(i +1) +`"></span></span>
<span class="umaban-wrap"><span class="umaban umaban--`+ waku_color(race_data_shirushi[i].waku) +`">`+ race_data_shirushi[i].umaban +`</span></span>
<span class="bamei">`+ race_data_shirushi[i].hName +`</span>
</li>`;
bool_tekichu=true;
break;
}}
}}
if(bool_tekichu==false){
html +=`<li>
<span class="tekichu-wrap"></span>
<span class="shirushi-wrap"><span class="shirushi"><img src="`+ path_to_theme +`/images/aiyosou/shirushi_b_`+ race_data_shirushi[i].scoreRanking +`.svg" alt="`+ yosou_shirushi_alt(i +1) +`"></span></span>
<span class="umaban-wrap"><span class="umaban umaban--`+ waku_color(race_data_shirushi[i].waku) +`">`+ race_data_shirushi[i].umaban +`</span></span>
<span class="bamei">`+ race_data_shirushi[i].hName +`</span>
</li>`;
}
bool_tekichu=false;
if(i >=4) break;
}
html +=`</ul>
<div class="div__aitoday__content__inner__undertext div__aiyosou__content__undertext"><img src="`+ path_to_theme +`/images/aiyosou/today_question.svg" alt="question">競馬ビビットのAI予想について</div>`;
if(race_result){
html +=`<p class="midashi">
<img class="icon_midashi" src="`+ path_to_theme +`/images/aiyosou/today_midashi_icon_2.svg" alt="">
<span class="text_midashi">レース結果</span>
</p>
<div class="div__aitoday__content__inner__tablewrap">
<table>
<tbody>
<tr>
<th>着順</th>
<th>馬番</th>
<th>馬名</th>
<th>オッズ</th>
<th>人気</th>
<th>タイム</th>
<th>指数</th>
<th>予想印</th>
</tr>`;
for(let i=0; i < race_result.length; i++){
html +=`<tr>
<td>`+(i+1)+`</td>
<td><span class="umaban umaban--`+ waku_color(race_data_num[race_result[i].num - 1]['waku']) +`">`+race_result[i].num+`</span></td>
<td>`+race_result[i].horse+`</td>`;
if(race_result[i].odds.includes('.')){
html +=`<td>`+race_result[i].odds+`</td>
<td>`+race_data_num[race_result[i].num - 1]['pop']+`人気</td>`;
}else{
html +=`<td>`+race_data_num[race_result[i].num - 1]['pop']+`</td>
<td>`+race_data_num[race_result[i].num - 1]['odds']+`人気</td>`;
}
html +=`<td>`+race_result[i].time+`</td>
<td>`+race_data_num[race_result[i].num - 1]['score']+`</td>
<td>
<span class="shirushi">`;
if(race_data_num[race_result[i].num - 1]['scoreRanking'] < 6){
html +=`<img src="`+ path_to_theme +`/images/aiyosou/shirushi_b_`+race_data_num[race_result[i].num - 1]['scoreRanking']+`.svg" alt="`+ yosou_shirushi_alt(race_data_num[race_result[i].num - 1]['scoreRanking']) +`">`;
}
html +=`</span>
</td>
</tr>`;
}
html +=`</tbody>
</table>
</div>
<p class="midashi--small">単勝</p>
<div class="div__aitoday__content__inner__kaime">
<ul class="kaime__ul">`;
bool_tekichu=false;
for(let i=0; i < race_data_shirushi.length; i++){
if(race_result){
if(race_result.length > 0){
if(race_data_shirushi[i].umaban==race_result[0].num){
html +=`<li><span class="umaban-wrap tekichu"><span class="umaban umaban--`+ waku_color(race_data_shirushi[i].waku) +`">`+ race_data_shirushi[i].umaban +`</span></span></li>`;
bool_tekichu=true;
}}
}
if(bool_tekichu==false){
html +=`<li><span class="umaban-wrap"><span class="umaban umaban--`+ waku_color(race_data_shirushi[i].waku) +`">`+ race_data_shirushi[i].umaban +`</span></span></li>`;
}
bool_tekichu=false;
if(i >=4) break;
}
html +=`</ul>
</div>
<p class="midashi--small">複勝</p>
<div class="div__aitoday__content__inner__kaime">
<ul class="kaime__ul">`;
bool_tekichu=false;
for(let i=0; i < race_data_shirushi.length; i++){
if(race_result){
if(race_result.length > 0){
for(let i_2=0; i_2 < 3; i_2++){
if(race_data_shirushi[i].umaban==race_result[i_2].num){
html +=`<li><span class="umaban-wrap tekichu"><span class="umaban umaban--`+ waku_color(race_data_shirushi[i].waku) +`">`+ race_data_shirushi[i].umaban +`</span></span></li>`;
bool_tekichu=true;
break;
}}
}}
if(bool_tekichu==false){
html +=`<li><span class="umaban-wrap"><span class="umaban umaban--`+ waku_color(race_data_shirushi[i].waku) +`">`+ race_data_shirushi[i].umaban +`</span></span></li>`;
}
bool_tekichu=false;
if(i >=4) break;
}
html +=`</ul>
</div>
<p class="midashi--small">ワイド</p>
<div class="div__aitoday__content__inner__kaime">
<ul class="kaime__ul">`;
kekka_arr=combination(result_arr1to3, 2);
kaime_arr=combination(shirushi_arr1to5, 2);
bool_tekichu=false;
for(let i=0; i < kaime_arr.length; i++){
const kaime_arr_single=kaime_arr[i];
bool_tekichu=false;
for(let i_2=0; i_2 < kekka_arr.length; i_2++){
const kekka_arr_single=kekka_arr[i_2];
if(isSameArrayIgnoreOrder(kaime_arr_single, kekka_arr_single)){
html +=`<li><span class="umaban-wrap tekichu">`;
for(let i_3=0; i_3 < kaime_arr_single.length; i_3++){
html +=`<span class="umaban umaban--`+ waku_color(race_data_num[kaime_arr_single[i_3] - 1].waku) +`">`+ kaime_arr_single[i_3] +`</span>`;
}
html +=`</span></li>`;
bool_tekichu=true;
}}
if(bool_tekichu==false){
html +=`<li><span class="umaban-wrap">`;
for(let i_3=0; i_3 < kaime_arr_single.length; i_3++){
html +=`<span class="umaban umaban--`+ waku_color(race_data_num[kaime_arr_single[i_3] - 1].waku) +`">`+ kaime_arr_single[i_3] +`</span>`;
}
html +=`</span></li>`;
}}
html +=`</ul>
</div>
<p class="midashi--small">３連複</p>
<div class="div__aitoday__content__inner__kaime">
<ul class="kaime__ul">`;
kekka_arr=combination(result_arr1to3, 3);
kaime_arr=combination(shirushi_arr1to5, 3);
bool_tekichu=false;
for(let i=0; i < kaime_arr.length; i++){
const kaime_arr_single=kaime_arr[i];
bool_tekichu=false;
for(let i_2=0; i_2 < kekka_arr.length; i_2++){
const kekka_arr_single=kekka_arr[i_2];
if(isSameArrayIgnoreOrder(kaime_arr_single, kekka_arr_single)){
html +=`<li><span class="umaban-wrap tekichu">`;
for(let i_3=0; i_3 < kaime_arr_single.length; i_3++){
html +=`<span class="umaban umaban--`+ waku_color(race_data_num[kaime_arr_single[i_3] - 1].waku) +`">`+ kaime_arr_single[i_3] +`</span>`;
}
html +=`</span></li>`;
bool_tekichu=true;
}}
if(bool_tekichu==false){
html +=`<li><span class="umaban-wrap">`;
for(let i_3=0; i_3 < kaime_arr_single.length; i_3++){
html +=`<span class="umaban umaban--`+ waku_color(race_data_num[kaime_arr_single[i_3] - 1].waku) +`">`+ kaime_arr_single[i_3] +`</span>`;
}
html +=`</span></li>`;
}}
html +=`</ul>
</div>`;
}
html +=`</div>
</div>`;
rewrite_area[0].innerHTML=html;
let button=document.querySelectorAll('.div__aiyosou__content__undertext');
let index_about;
button.forEach((e)=> {
e.addEventListener('click', ()=> {
index_about=[].slice.call(button).indexOf(e);
let hc=document.getElementsByClassName('div__aiyosou-popup')[0];
let style=hc.currentStyle||document.defaultView.getComputedStyle(hc, '');
hc.classList.remove('closed');
});
});
let close_button_top=document.querySelectorAll('.div__aiyosou-popup__inner__close');
let index_close_about;
close_button_top.forEach((e)=> {
e.addEventListener('click', ()=> {
index_close_about=[].slice.call(close_button_top).indexOf(e);
let hc=document.getElementsByClassName('div__aiyosou-popup')[index_close_about];
hc.classList.add('closed');
});
});
}}else{
if(matchMedia.matches){
if(ev.target.classList.contains('div__aitoday__content__inner__undertext')){
let button=document.querySelectorAll('.div__aiyosou__content__undertext');
button.forEach((e)=> {
e.addEventListener('click', ()=> {
index_about=[].slice.call(button).indexOf(e);
let hc=document.getElementsByClassName('div__aiyosou-popup')[0];
let style=hc.currentStyle||document.defaultView.getComputedStyle(hc, '');
hc.classList.remove('closed');
});
});
let close_button_top=document.querySelectorAll('.div__aiyosou-popup__inner__close');
let index_close_about;
close_button_top.forEach((e)=> {
e.addEventListener('click', ()=> {
index_close_about=[].slice.call(close_button_top).indexOf(e);
let hc=document.getElementsByClassName('div__aiyosou-popup')[index_close_about];
hc.classList.add('closed');
});
});
return false;
}
button_race.forEach((e2)=> {
e2.classList.remove('checked');
});
let rewrite_area=document.querySelectorAll('.div__aitoday__nav__inner__content');
rewrite_area.forEach((e3)=> {
e3.innerHTML='';
});
e.scrollIntoView({
behavior: 'smooth'
});
}}
});
});
let button=document.querySelectorAll('.div__aiyosou__content__undertext');
let index_about;
button.forEach((e)=> {
e.addEventListener('click', ()=> {
index_about=[].slice.call(button).indexOf(e);
let hc=document.getElementsByClassName('div__aiyosou-popup')[0];
let style=hc.currentStyle||document.defaultView.getComputedStyle(hc, '');
hc.classList.remove('closed');
});
});
let close_button_top=document.querySelectorAll('.div__aiyosou-popup__inner__close');
let index_close_about;
close_button_top.forEach((e)=> {
e.addEventListener('click', ()=> {
index_close_about=[].slice.call(close_button_top).indexOf(e);
let hc=document.getElementsByClassName('div__aiyosou-popup')[index_close_about];
hc.classList.add('closed');
});
});
}}
const aiyosou_today_chiho=document.getElementById('aiyosou-today-chiho');
if(aiyosou_today_chiho){
document.addEventListener('click', e=>{
const t=e.target;
if(t.matches('.div__aitoday__field__li')){
const date=t.dataset.date;
const jcd=t.dataset.jcd;
const json=JSON.stringify({
'date': date,
'jcd': jcd,
'data_choice': 1,
'pfm': 'web',
'mode': 'cors'
});
aiyosoutoday_chiho(json);
}});
}
function aiyosouscore_chiho(json){
const nowhost=location.host;
let api_url;
if(nowhost=='umabi.jp'){
api_url='https://umabi.jp/wp-content/themes/keibaBibit_241106/templates/api/yosou_chiho_get.php';
}else{
api_url='http://localhost:8099/umabi.jp/wp-content/themes/keibaBibit_241106/templates/api/yosou_chiho_get.php';
}
const aiyosou_chiho_score=document.getElementById('aiyosou-score-chiho');
if(aiyosou_chiho_score){
if(json==false){
const date='';
const jcd='';
const race_num='';
var send_json=JSON.stringify({
"date": '',
"jcd": '',
"race_num": '',
"data_choice": 2,
"pfm": "web",
"mode": "cors"
});
}else{
var send_json=json;
const loading_bibit=document.querySelectorAll('.div__aiscore__loading')[0];
loading_bibit.classList.remove('closed');
}
const xhr=new XMLHttpRequest;
xhr.open('POST', api_url, true);
xhr.setRequestHeader('Content-Type', 'application/json');
xhr.send(send_json);
xhr.onload=function(){
const res=this.responseText;
if(res){
const data=JSON.parse(res);
set_yosou_score_chiho(data);
}};
xhr.onerror=setTimeout(function(){
const xhr2=new XMLHttpRequest;
xhr2.open('POST', api_url, true);
xhr2.setRequestHeader('Content-Type', 'application/json');
xhr2.send(send_json);
xhr2.onload=function(){
const res=this.responseText;
if(res){
const data=JSON.parse(res);
set_yosou_score_chiho(data);
}};}, 1000);
}}
aiyosouscore_chiho(false);
function set_yosou_score_chiho(data){
const elm=document.getElementById('aiyosou-score-chiho');
let html;
if(elm){
html='';
const tekichu_months=data.tekichu_months;
const tekichu_single_month=data.tekichu_single_month;
const matchMedia=window.matchMedia('(max-width:600px)');
const date=tekichu_single_month.date;
const jcd_list_en=[
'obihiro',
'mombetsu',
'morioka',
'mizusawa',
'urawa',
'funabashi',
'ohi',
'kawasaki',
'kanazawa',
'kasamatsu',
'nagoya',
'sonoda',
'himeji',
'kochi',
'saga'
];
const jcd_list_jp=[
'帯広',
'門別',
'盛岡',
'水沢',
'浦和',
'船橋',
'大井',
'川崎',
'金沢',
'笠松',
'名古屋',
'園田',
'姫路',
'高知',
'佐賀'
];
const jcd_list={
'帯広':65,
'門別':30,
'盛岡':35,
'水沢':36,
'浦和':42,
'船橋':43,
'大井':44,
'川崎':45,
'金沢':46,
'笠松':47,
'名古屋':48,
'園田':50,
'姫路':51,
'高知':54,
'佐賀':55
};
const jcd_list_jp_to_en={
'帯広':'obihiro',
'門別':'mombetsu',
'盛岡':'morioka',
'水沢':'mizusawa',
'浦和':'urawa',
'船橋':'funabashi',
'大井':'ohi',
'川崎':'kawasaki',
'金沢':'kanazawa',
'笠松':'kasamatsu',
'名古屋':'nagoya',
'園田':'sonoda',
'姫路':'himeji',
'高知':'kochi',
'佐賀':'saga',
};
const jcd_list_en_to_jp={
'obihiro':'帯広',
'mombetsu':'門別',
'morioka':'盛岡',
'mizusawa':'水沢',
'urawa':'浦和',
'funabashi':'船橋',
'ohi':'大井',
'kawasaki':'川崎',
'kanazawa':'金沢',
'kasamatsu':'笠松',
'nagoya':'名古屋',
'sonoda':'園田',
'himeji':'姫路',
'kochi':'高知',
'saga':'佐賀'
};
if(tekichu_months){
let tekichu_per_shirushi1=0;
let tekichu_per_shirushi2=0;
let tekichu_per_shirushi3=0;
let tekichu_per_shirushi4=0;
let tekichu_per_shirushi5=0;
let tekichu_per_text1='';
let tekichu_per_text2='';
let tekichu_per_text3='';
let tekichu_per_text4='';
let tekichu_per_text5='';
let tekichu_race_field=[];
for(const [key, value] of Object.entries(jcd_list_jp_to_en)){
if(tekichu_single_month[value]){
const tekichu_pers=JSON.parse(tekichu_single_month[value]);
tekichu_per_shirushi1=tekichu_pers['tekichu_per']['shirushi'][0];
tekichu_per_shirushi2=tekichu_pers['tekichu_per']['shirushi'][1];
tekichu_per_shirushi3=tekichu_pers['tekichu_per']['shirushi'][2];
tekichu_per_shirushi4=tekichu_pers['tekichu_per']['shirushi'][3];
tekichu_per_shirushi5=tekichu_pers['tekichu_per']['shirushi'][4];
tekichu_per_text1='◎';
tekichu_per_text2='○';
tekichu_per_text3='▲';
tekichu_per_text4='△';
tekichu_per_text5='☆';
tekichu_race_field=tekichu_pers['race_list'];
break;
}}
let week=["日", "月", "火", "水", "木", "金", "土"];
html +=`<div class="div__aiscore__loading closed">
<div class="div__aiscore__loading__wrap">
<div class="div__aiscore__loading__wrap__img">
<img src="`+path_to_theme+`/images/aiyosou/loading.gif">
</div>
<p class="div__aiscore__loading__wrap__shikou">思考中</p>
<p class="div__aiscore__loading__wrap__nowloading">now loading...</p>
</div>
</div>
<div class="div__aiscore__month div__aiscore__month--chiho">
<div class="div__aiscore__month__left div__aiscore__month__left--chiho">
<p class="midashi"><img src="`+path_to_theme+`/images/aiyosou/midashi_icon_month.svg" alt="">月選択</p>
<div class="div__aiscore__month__left__select">
<select id="aiyosou-score_monthselect" class="aiyosou-score_monthselect" name="monthselsect">`;
for(let i=0; i < tekichu_months.length; i++){
let date_temp=new Date(tekichu_months[i]);
let yyyy_temp=date_temp.getFullYear();
let mm_temp=date_temp.getMonth() + 1;
if(tekichu_months[i]==date){
html +=`<option value="`+tekichu_months[i]+`" selected>`+yyyy_temp+`年`+mm_temp+`月</option>`;
}else{
html +=`<option value="`+tekichu_months[i]+`">`+yyyy_temp+`年`+mm_temp+`月</option>`;
}}
html +=`</select>
</div>
</div>
<div class="div__aiscore__month__right div__aiscore__month__right--chiho">
<p class="midashi"><img src="`+path_to_theme+`/images/aiyosou/midashi_icon_field.svg" alt="">競馬場</p>
<ul class="div__aiscore__month__right__ul div__aiscore__month__right__ul--chiho">`;
let bool_selected=false;
for(const [key, value] of Object.entries(jcd_list_jp_to_en)){
if(tekichu_single_month[value]){
if(bool_selected==false){
html +=`<li class="div__aiscore__month__right__ul__li checked" data-field="`+value+`">`+key+`</li>`;
bool_selected=true;
}else{
html +=`<li class="div__aiscore__month__right__ul__li" data-field="`+value+`">`+key+`</li>`;
}}
}
html +=`</ul>
</div>
</div>
<div id="div__aiscore__content" class="div__aiscore__content">
<p class="midashi"><img src="`+path_to_theme+`/images/aiyosou/midashi_icon_tekichu.svg" alt="">的中率</p>
<ul class="div__aiscore__content__tab">
<li class="div__aiscore__content__tab__inner div__aiscore__content__tab__inner--left checked">予想印</li>
<li class="div__aiscore__content__tab__inner div__aiscore__content__tab__inner--right">券種</li>
</ul>`;
html +=`<div id="switch-content" class="switch-content">`;
bool_selected=false;
for(const [key, value] of Object.entries(jcd_list_jp_to_en)){
if(tekichu_single_month[value]){
if(bool_selected==false){
let date_temp=new Date(tekichu_single_month.date);
let yyyy_temp=date_temp.getFullYear();
let mm_temp=date_temp.getMonth() + 1;
html +=`<p class="gray-text">▼`+yyyy_temp+`年`+mm_temp+`月,`+key+`競馬場,予想印 ごとの的中率</p>`;
break;
}}
}
html +=`<ul class="chart-ul">
<li><canvas id="doughnut_chart_shirushi1"></canvas></li>
<li><canvas id="doughnut_chart_shirushi2"></canvas></li>
<li><canvas id="doughnut_chart_shirushi3"></canvas></li>
<li><canvas id="doughnut_chart_shirushi4"></canvas></li>
<li><canvas id="doughnut_chart_shirushi5"></canvas></li>
</ul>
<div class="kekka-table">
<table>
<tbody>`;
if(matchMedia.matches){
html +=`<tr>
<th>日付</th><th>R</th><th>◎</th><th>○</th><th>▲</th><th>△</th><th>☆</th>
</tr>`;
for(let i=0; i < tekichu_race_field.length; i++){
date_temp=new Date(tekichu_race_field[i].date);
yyyy_temp=date_temp.getFullYear();
mm_temp=date_temp.getMonth() + 1;
dd_temp=date_temp.getDate();
w_temp=date_temp.getDay();
week=["日", "月", "火", "水", "木", "金", "土"];
if(w_temp==6){
html +=`<tr>
<td class="sat">`+dd_temp+`日(`+week[w_temp]+`)</td>`;
}else if(w_temp==0){
html +=`<tr>
<td class="sun">`+dd_temp+`日(`+week[w_temp]+`)</td>`;
}else{
html +=`<tr>
<td>`+dd_temp+`日(`+week[w_temp]+`)</td>`;
}
html +=`<td>`+tekichu_race_field[i]['race_num']+`R</td>`;
if(tekichu_race_field[i]['shirushi'][0]){
html +=`<td class="tekichu">的中</td>`;
}else{
html +=`<td>-</td>`;
}
if(tekichu_race_field[i]['shirushi'][1]){
html +=`<td class="tekichu">的中</td>`;
}else{
html +=`<td>-</td>`;
}
if(tekichu_race_field[i]['shirushi'][2]){
html +=`<td class="tekichu">的中</td>`;
}else{
html +=`<td>-</td>`;
}
if(tekichu_race_field[i]['shirushi'][3]){
html +=`<td class="tekichu">的中</td>`;
}else{
html +=`<td>-</td>`;
}
if(tekichu_race_field[i]['shirushi'][4]){
html +=`<td class="tekichu">的中</td>`;
}else{
html +=`<td>-</td>`;
}
html +=`</tr>`;
}}else{
html +=`<tr>
<th>日付</th>`;
for(let i=0; i < tekichu_race_field.length; i++){
date_temp=new Date(tekichu_race_field[i].date);
yyyy_temp=date_temp.getFullYear();
mm_temp=date_temp.getMonth() + 1;
dd_temp=date_temp.getDate();
w_temp=date_temp.getDay();
week=["日", "月", "火", "水", "木", "金", "土"];
if(w_temp==6){
html +=`<td class="sat">`+dd_temp+`日(`+week[w_temp]+`)</td>`;
}else if(w_temp==0){
html +=`<td class="sun">`+dd_temp+`日(`+week[w_temp]+`)</td>`;
}else{
html +=`<td>`+dd_temp+`日(`+week[w_temp]+`)</td>`;
}}
html +=`</tr>
<tr>
<th>レース番号</th>`;
for(let i=0; i < tekichu_race_field.length; i++){
html +=`<td>`+tekichu_race_field[i]['race_num']+`R</td>`;
}
html +=`</tr>
<tr>
<th>◎</th>`;
for(let i=0; i < tekichu_race_field.length; i++){
if(tekichu_race_field[i]['shirushi'][0]){
html +=`<td class="tekichu">的中</td>`;
}else{
html +=`<td>-</td>`;
}}
html +=`</tr>
<tr>
<th>○</th>`;
for(let i=0; i < tekichu_race_field.length; i++){
if(tekichu_race_field[i]['shirushi'][1]){
html +=`<td class="tekichu">的中</td>`;
}else{
html +=`<td>-</td>`;
}}
html +=`</tr>
<tr>
<th>▲</th>`;
for(let i=0; i < tekichu_race_field.length; i++){
if(tekichu_race_field[i]['shirushi'][2]){
html +=`<td class="tekichu">的中</td>`;
}else{
html +=`<td>-</td>`;
}}
html +=`</tr>
<tr>
<th>△</th>`;
for(let i=0; i < tekichu_race_field.length; i++){
if(tekichu_race_field[i]['shirushi'][3]){
html +=`<td class="tekichu">的中</td>`;
}else{
html +=`<td>-</td>`;
}}
html +=`</tr>
<tr>
<th>☆</th>`;
for(let i=0; i < tekichu_race_field.length; i++){
if(tekichu_race_field[i]['shirushi'][4]){
html +=`<td class="tekichu">的中</td>`;
}else{
html +=`<td>-</td>`;
}}
html +=`</tr>`;
}
html +=`</tbody>
</table>
</div>
</div>
</div>`;
Object.keys(_chihoCharts).forEach(key=> {
if(_chihoCharts[key]){
try {
_chihoCharts[key].destroy();
} catch(e){}
_chihoCharts[key]=null;
}});
elm.innerHTML=html;
const aiyosou_score=document.getElementById('aiyosou-score_monthselect');
if(aiyosou_score){
aiyosou_score.removeEventListener('change', aiyosou_score._changeHandler);
aiyosou_score._changeHandler=e => {
const t=e.target;
const date=t.value;
const json=JSON.stringify({
'date': date,
'jcd': '',
'data_choice': 2,
'pfm': 'web',
'mode': 'cors'
});
aiyosouscore_chiho(json);
};
aiyosou_score.addEventListener('change', aiyosou_score._changeHandler);
}
aiscore_chart_chiho(
tekichu_per_shirushi1,
tekichu_per_shirushi2,
tekichu_per_shirushi3,
tekichu_per_shirushi4,
tekichu_per_shirushi5,
tekichu_per_text1,
tekichu_per_text2,
tekichu_per_text3,
tekichu_per_text4,
tekichu_per_text5,
);
}
let button_field=document.querySelectorAll('.div__aiscore__month__right__ul__li');
let button_kensyu=document.querySelectorAll('.div__aiscore__content__tab__inner');
let content_field=document.getElementById('switch-content');
button_field.forEach((e)=> {
e.addEventListener('click', ()=> {
if(!e.classList.contains('checked')){
button_field.forEach((e2)=> {
e2.classList.remove('checked');
});
e.classList.add('checked');
button_kensyu.forEach((e2)=> {
e2.classList.remove('checked');
});
button_kensyu.forEach((e2)=> {
if(e2.classList.contains('div__aiscore__content__tab__inner--left')){
e2.classList.add('checked');
}});
let field_name=e.dataset.field;
let tekichu_per_shirushi1=0;
let tekichu_per_shirushi2=0;
let tekichu_per_shirushi3=0;
let tekichu_per_shirushi4=0;
let tekichu_per_shirushi5=0;
let tekichu_per_text1='';
let tekichu_per_text2='';
let tekichu_per_text3='';
let tekichu_per_text4='';
let tekichu_per_text5='';
let tekichu_race_field=[];
if(tekichu_single_month[field_name]){
const tekichu_pers=JSON.parse(tekichu_single_month[field_name]);
tekichu_per_shirushi1=tekichu_pers['tekichu_per']['shirushi'][0];
tekichu_per_shirushi2=tekichu_pers['tekichu_per']['shirushi'][1];
tekichu_per_shirushi3=tekichu_pers['tekichu_per']['shirushi'][2];
tekichu_per_shirushi4=tekichu_pers['tekichu_per']['shirushi'][3];
tekichu_per_shirushi5=tekichu_pers['tekichu_per']['shirushi'][4];
tekichu_per_text1='◎';
tekichu_per_text2='○';
tekichu_per_text3='▲';
tekichu_per_text4='△';
tekichu_per_text5='☆';
tekichu_race_field=tekichu_pers['race_list'];
}
html='';
bool_selected=false;
if(bool_selected==false){
let date_temp=new Date(tekichu_single_month.date);
let yyyy_temp=date_temp.getFullYear();
let mm_temp=date_temp.getMonth() + 1;
html +=`<p class="gray-text">▼`+yyyy_temp+`年`+mm_temp+`月,`+jcd_list_en_to_jp[field_name]+`競馬場,予想印 ごとの的中率</p>`;
}
html +=`<ul class="chart-ul">
<li><canvas id="doughnut_chart_shirushi1"></canvas></li>
<li><canvas id="doughnut_chart_shirushi2"></canvas></li>
<li><canvas id="doughnut_chart_shirushi3"></canvas></li>
<li><canvas id="doughnut_chart_shirushi4"></canvas></li>
<li><canvas id="doughnut_chart_shirushi5"></canvas></li>
</ul>
<div class="kekka-table">
<table>
<tbody>`;
if(matchMedia.matches){
html +=`<tr>
<th>日付</th><th>R</th><th>◎</th><th>○</th><th>▲</th><th>△</th><th>☆</th>
</tr>`;
for(let i=0; i < tekichu_race_field.length; i++){
date_temp=new Date(tekichu_race_field[i].date);
yyyy_temp=date_temp.getFullYear();
mm_temp=date_temp.getMonth() + 1;
dd_temp=date_temp.getDate();
w_temp=date_temp.getDay();
week=["日", "月", "火", "水", "木", "金", "土"];
if(w_temp==6){
html +=`<tr>
<td class="sat">`+dd_temp+`日(`+week[w_temp]+`)</td>`;
}else if(w_temp==0){
html +=`<tr>
<td class="sun">`+dd_temp+`日(`+week[w_temp]+`)</td>`;
}else{
html +=`<tr>
<td>`+dd_temp+`日(`+week[w_temp]+`)</td>`;
}
html +=`<td>`+tekichu_race_field[i]['race_num']+`R</td>`;
if(tekichu_race_field[i]['shirushi'][0]){
html +=`<td class="tekichu">的中</td>`;
}else{
html +=`<td>-</td>`;
}
if(tekichu_race_field[i]['shirushi'][1]){
html +=`<td class="tekichu">的中</td>`;
}else{
html +=`<td>-</td>`;
}
if(tekichu_race_field[i]['shirushi'][2]){
html +=`<td class="tekichu">的中</td>`;
}else{
html +=`<td>-</td>`;
}
if(tekichu_race_field[i]['shirushi'][3]){
html +=`<td class="tekichu">的中</td>`;
}else{
html +=`<td>-</td>`;
}
if(tekichu_race_field[i]['shirushi'][4]){
html +=`<td class="tekichu">的中</td>`;
}else{
html +=`<td>-</td>`;
}
html +=`</tr>`;
}}else{
html +=`<tr>
<th>日付</th>`;
for(let i=0; i < tekichu_race_field.length; i++){
date_temp=new Date(tekichu_race_field[i].date);
yyyy_temp=date_temp.getFullYear();
mm_temp=date_temp.getMonth() + 1;
dd_temp=date_temp.getDate();
w_temp=date_temp.getDay();
week=["日", "月", "火", "水", "木", "金", "土"];
if(w_temp==6){
html +=`<td class="sat">`+dd_temp+`日(`+week[w_temp]+`)</td>`;
}else if(w_temp==0){
html +=`<td class="sun">`+dd_temp+`日(`+week[w_temp]+`)</td>`;
}else{
html +=`<td>`+dd_temp+`日(`+week[w_temp]+`)</td>`;
}}
html +=`</tr>
<tr>
<th>レース番号</th>`;
for(let i=0; i < tekichu_race_field.length; i++){
html +=`<td>`+tekichu_race_field[i]['race_num']+`R</td>`;
}
html +=`</tr>
<tr>
<th>◎</th>`;
for(let i=0; i < tekichu_race_field.length; i++){
if(tekichu_race_field[i]['shirushi'][0]){
html +=`<td class="tekichu">的中</td>`;
}else{
html +=`<td>-</td>`;
}}
html +=`</tr>
<tr>
<th>○</th>`;
for(let i=0; i < tekichu_race_field.length; i++){
if(tekichu_race_field[i]['shirushi'][1]){
html +=`<td class="tekichu">的中</td>`;
}else{
html +=`<td>-</td>`;
}}
html +=`</tr>
<tr>
<th>▲</th>`;
for(let i=0; i < tekichu_race_field.length; i++){
if(tekichu_race_field[i]['shirushi'][2]){
html +=`<td class="tekichu">的中</td>`;
}else{
html +=`<td>-</td>`;
}}
html +=`</tr>
<tr>
<th>△</th>`;
for(let i=0; i < tekichu_race_field.length; i++){
if(tekichu_race_field[i]['shirushi'][3]){
html +=`<td class="tekichu">的中</td>`;
}else{
html +=`<td>-</td>`;
}}
html +=`</tr>
<tr>
<th>☆</th>`;
for(let i=0; i < tekichu_race_field.length; i++){
if(tekichu_race_field[i]['shirushi'][4]){
html +=`<td class="tekichu">的中</td>`;
}else{
html +=`<td>-</td>`;
}}
html +=`</tr>`;
}
html +=`</tbody>
</table>
</div>
`;
Object.keys(_chihoCharts).forEach(key=> {
if(_chihoCharts[key]){
try {
_chihoCharts[key].destroy();
} catch(e){}
_chihoCharts[key]=null;
}});
content_field.innerHTML=html;
aiscore_chart_chiho(
tekichu_per_shirushi1,
tekichu_per_shirushi2,
tekichu_per_shirushi3,
tekichu_per_shirushi4,
tekichu_per_shirushi5,
tekichu_per_text1,
tekichu_per_text2,
tekichu_per_text3,
tekichu_per_text4,
tekichu_per_text5,
);
}});
});
button_kensyu.forEach((e)=> {
e.addEventListener('click', ()=> {
if(!e.classList.contains('checked')){
button_kensyu.forEach((e2)=> {
e2.classList.remove('checked');
});
e.classList.add('checked');
let field_name='';
let checked_field=document.querySelectorAll('.div__aiscore__month__right__ul__li');
checked_field.forEach((e2)=> {
if(e2.classList.contains('checked')){
field_name=e2.dataset.field;
}});
let tekichu_per_shirushi1=false;
let tekichu_per_shirushi2=false;
let tekichu_per_shirushi3=false;
let tekichu_per_shirushi4=false;
let tekichu_per_shirushi5=false;
let tekichu_per_text1='';
let tekichu_per_text2='';
let tekichu_per_text3='';
let tekichu_per_text4='';
let tekichu_per_text5='';
let tekichu_race_field=[];
if(tekichu_single_month[field_name]){
const tekichu_pers=JSON.parse(tekichu_single_month[field_name]);
if(e.classList.contains('div__aiscore__content__tab__inner--left')){
tekichu_per_shirushi1=tekichu_pers['tekichu_per']['shirushi'][0];
tekichu_per_shirushi2=tekichu_pers['tekichu_per']['shirushi'][1];
tekichu_per_shirushi3=tekichu_pers['tekichu_per']['shirushi'][2];
tekichu_per_shirushi4=tekichu_pers['tekichu_per']['shirushi'][3];
tekichu_per_shirushi5=tekichu_pers['tekichu_per']['shirushi'][4];
tekichu_per_text1='◎';
tekichu_per_text2='○';
tekichu_per_text3='▲';
tekichu_per_text4='△';
tekichu_per_text5='☆';
}else{
tekichu_per_shirushi1=tekichu_pers['tekichu_per']['kaime']['tansho'];
tekichu_per_shirushi2=tekichu_pers['tekichu_per']['kaime']['fukusho'];
tekichu_per_shirushi3=tekichu_pers['tekichu_per']['kaime']['wide'];
tekichu_per_shirushi4=tekichu_pers['tekichu_per']['kaime']['sanrenpuku'];
tekichu_per_text1='単勝';
tekichu_per_text2='複勝';
tekichu_per_text3='ワイド';
tekichu_per_text4='３連複';
}
tekichu_race_field=tekichu_pers['race_list'];
}
html='';
if(tekichu_per_shirushi5){
bool_selected=false;
if(bool_selected==false){
let date_temp=new Date(tekichu_single_month.date);
let yyyy_temp=date_temp.getFullYear();
let mm_temp=date_temp.getMonth() + 1;
html +=`<p class="gray-text">▼`+yyyy_temp+`年`+mm_temp+`月,`+jcd_list_en_to_jp[field_name]+`競馬場,予想印 ごとの的中率</p>`;
}
html +=`<ul class="chart-ul">
<li><canvas id="doughnut_chart_shirushi1"></canvas></li>
<li><canvas id="doughnut_chart_shirushi2"></canvas></li>
<li><canvas id="doughnut_chart_shirushi3"></canvas></li>
<li><canvas id="doughnut_chart_shirushi4"></canvas></li>
<li><canvas id="doughnut_chart_shirushi5"></canvas></li>
</ul>
<div class="kekka-table">
<table>
<tbody>`;
if(matchMedia.matches){
html +=`<tr>
<th>日付</th><th>R</th><th>◎</th><th>○</th><th>▲</th><th>△</th><th>☆</th>
</tr>`;
for(let i=0; i < tekichu_race_field.length; i++){
date_temp=new Date(tekichu_race_field[i].date);
yyyy_temp=date_temp.getFullYear();
mm_temp=date_temp.getMonth() + 1;
dd_temp=date_temp.getDate();
w_temp=date_temp.getDay();
week=["日", "月", "火", "水", "木", "金", "土"];
if(w_temp==6){
html +=`<tr>
<td class="sat">`+dd_temp+`日(`+week[w_temp]+`)</td>`;
}else if(w_temp==0){
html +=`<tr>
<td class="sun">`+dd_temp+`日(`+week[w_temp]+`)</td>`;
}else{
html +=`<tr>
<td>`+dd_temp+`日(`+week[w_temp]+`)</td>`;
}
html +=`<td>`+tekichu_race_field[i]['race_num']+`R</td>`;
if(tekichu_race_field[i]['shirushi'][0]){
html +=`<td class="tekichu">的中</td>`;
}else{
html +=`<td>-</td>`;
}
if(tekichu_race_field[i]['shirushi'][1]){
html +=`<td class="tekichu">的中</td>`;
}else{
html +=`<td>-</td>`;
}
if(tekichu_race_field[i]['shirushi'][2]){
html +=`<td class="tekichu">的中</td>`;
}else{
html +=`<td>-</td>`;
}
if(tekichu_race_field[i]['shirushi'][3]){
html +=`<td class="tekichu">的中</td>`;
}else{
html +=`<td>-</td>`;
}
if(tekichu_race_field[i]['shirushi'][4]){
html +=`<td class="tekichu">的中</td>`;
}else{
html +=`<td>-</td>`;
}
html +=`</tr>`;
}}else{
html +=`<tr>
<th>日付</th>`;
for(let i=0; i < tekichu_race_field.length; i++){
date_temp=new Date(tekichu_race_field[i].date);
yyyy_temp=date_temp.getFullYear();
mm_temp=date_temp.getMonth() + 1;
dd_temp=date_temp.getDate();
w_temp=date_temp.getDay();
week=["日", "月", "火", "水", "木", "金", "土"];
if(w_temp==6){
html +=`<td class="sat">`+dd_temp+`日(`+week[w_temp]+`)</td>`;
}else if(w_temp==0){
html +=`<td class="sun">`+dd_temp+`日(`+week[w_temp]+`)</td>`;
}else{
html +=`<td>`+dd_temp+`日(`+week[w_temp]+`)</td>`;
}}
html +=`</tr>
<tr>
<th>レース番号</th>`;
for(let i=0; i < tekichu_race_field.length; i++){
html +=`<td>`+tekichu_race_field[i]['race_num']+`R</td>`;
}
html +=`</tr>
<tr>
<th>◎</th>`;
for(let i=0; i < tekichu_race_field.length; i++){
if(tekichu_race_field[i]['shirushi'][0]){
html +=`<td class="tekichu">的中</td>`;
}else{
html +=`<td>-</td>`;
}}
html +=`</tr>
<tr>
<th>○</th>`;
for(let i=0; i < tekichu_race_field.length; i++){
if(tekichu_race_field[i]['shirushi'][1]){
html +=`<td class="tekichu">的中</td>`;
}else{
html +=`<td>-</td>`;
}}
html +=`</tr>
<tr>
<th>▲</th>`;
for(let i=0; i < tekichu_race_field.length; i++){
if(tekichu_race_field[i]['shirushi'][2]){
html +=`<td class="tekichu">的中</td>`;
}else{
html +=`<td>-</td>`;
}}
html +=`</tr>
<tr>
<th>△</th>`;
for(let i=0; i < tekichu_race_field.length; i++){
if(tekichu_race_field[i]['shirushi'][3]){
html +=`<td class="tekichu">的中</td>`;
}else{
html +=`<td>-</td>`;
}}
html +=`</tr>
<tr>
<th>☆</th>`;
for(let i=0; i < tekichu_race_field.length; i++){
if(tekichu_race_field[i]['shirushi'][4]){
html +=`<td class="tekichu">的中</td>`;
}else{
html +=`<td>-</td>`;
}}
html +=`</tr>`;
}
html +=`</tbody>
</table>
</div>
`;
}else{
bool_selected=false;
if(bool_selected==false){
let date_temp=new Date(tekichu_single_month.date);
let yyyy_temp=date_temp.getFullYear();
let mm_temp=date_temp.getMonth() + 1;
html +=`<p class="gray-text">▼`+yyyy_temp+`年`+mm_temp+`月,`+jcd_list_en_to_jp[field_name]+`競馬場,券種 ごとの的中率</p>`;
}
html +=`<ul class="chart-ul">
<li><canvas id="doughnut_chart_shirushi1"></canvas></li>
<li><canvas id="doughnut_chart_shirushi2"></canvas></li>
<li><canvas id="doughnut_chart_shirushi3"></canvas></li>
<li><canvas id="doughnut_chart_shirushi4"></canvas></li>
</ul>
<div class="kekka-table">
<table>
<tbody>`;
if(matchMedia.matches){
html +=`<tr>
<th>日付</th><th>R</th><th>単勝</th><th>複勝</th><th>ワイド</th><th>３連複</th>
</tr>`;
for(let i=0; i < tekichu_race_field.length; i++){
date_temp=new Date(tekichu_race_field[i].date);
yyyy_temp=date_temp.getFullYear();
mm_temp=date_temp.getMonth() + 1;
dd_temp=date_temp.getDate();
w_temp=date_temp.getDay();
week=["日", "月", "火", "水", "木", "金", "土"];
if(w_temp==6){
html +=`<tr>
<td class="sat">`+dd_temp+`日(`+week[w_temp]+`)</td>`;
}else if(w_temp==0){
html +=`<tr>
<td class="sun">`+dd_temp+`日(`+week[w_temp]+`)</td>`;
}else{
html +=`<tr>
<td>`+dd_temp+`日(`+week[w_temp]+`)</td>`;
}
html +=`<td>`+tekichu_race_field[i]['race_num']+`R</td>`;
if(tekichu_race_field[i]['kaime']['tansho']){
html +=`<td class="tekichu">的中</td>`;
}else{
html +=`<td>-</td>`;
}
if(tekichu_race_field[i]['kaime']['fukusho']){
html +=`<td class="tekichu">的中</td>`;
}else{
html +=`<td>-</td>`;
}
if(tekichu_race_field[i]['kaime']['wide']){
html +=`<td class="tekichu">的中</td>`;
}else{
html +=`<td>-</td>`;
}
if(tekichu_race_field[i]['kaime']['sanrenpuku']){
html +=`<td class="tekichu">的中</td>`;
}else{
html +=`<td>-</td>`;
}
html +=`</tr>`;
}}else{
html +=`<tr>
<th>日付</th>`;
for(let i=0; i < tekichu_race_field.length; i++){
date_temp=new Date(tekichu_race_field[i].date);
yyyy_temp=date_temp.getFullYear();
mm_temp=date_temp.getMonth() + 1;
dd_temp=date_temp.getDate();
w_temp=date_temp.getDay();
week=["日", "月", "火", "水", "木", "金", "土"];
if(w_temp==6){
html +=`<td class="sat">`+dd_temp+`日(`+week[w_temp]+`)</td>`;
}else if(w_temp==0){
html +=`<td class="sun">`+dd_temp+`日(`+week[w_temp]+`)</td>`;
}else{
html +=`<td>`+dd_temp+`日(`+week[w_temp]+`)</td>`;
}}
html +=`</tr>
<tr>
<th>レース番号</th>`;
for(let i=0; i < tekichu_race_field.length; i++){
html +=`<td>`+tekichu_race_field[i]['race_num']+`R</td>`;
}
html +=`</tr>
<tr>
<th>単勝</th>`;
for(let i=0; i < tekichu_race_field.length; i++){
if(tekichu_race_field[i]['kaime']['tansho']){
html +=`<td class="tekichu">的中</td>`;
}else{
html +=`<td>-</td>`;
}}
html +=`</tr>
<tr>
<th>複勝</th>`;
for(let i=0; i < tekichu_race_field.length; i++){
if(tekichu_race_field[i]['kaime']['fukusho']){
html +=`<td class="tekichu">的中</td>`;
}else{
html +=`<td>-</td>`;
}}
html +=`</tr>
<tr>
<th>ワイド</th>`;
for(let i=0; i < tekichu_race_field.length; i++){
if(tekichu_race_field[i]['kaime']['wide']){
html +=`<td class="tekichu">的中</td>`;
}else{
html +=`<td>-</td>`;
}}
html +=`</tr>
<tr>
<th>３連複</th>`;
for(let i=0; i < tekichu_race_field.length; i++){
if(tekichu_race_field[i]['kaime']['sanrenpuku']){
html +=`<td class="tekichu">的中</td>`;
}else{
html +=`<td>-</td>`;
}}
html +=`</tr>`;
}
html +=`</tbody>
</table>
</div>
`;
}
Object.keys(_chihoCharts).forEach(key=> {
if(_chihoCharts[key]){
try {
_chihoCharts[key].destroy();
} catch(e){}
_chihoCharts[key]=null;
}});
content_field.innerHTML=html;
aiscore_chart_chiho(
tekichu_per_shirushi1,
tekichu_per_shirushi2,
tekichu_per_shirushi3,
tekichu_per_shirushi4,
tekichu_per_shirushi5,
tekichu_per_text1,
tekichu_per_text2,
tekichu_per_text3,
tekichu_per_text4,
tekichu_per_text5,
);
}});
});
}}
function aiscore_chart_chiho(
tekichu_per_shirushi1,
tekichu_per_shirushi2,
tekichu_per_shirushi3,
tekichu_per_shirushi4,
tekichu_per_shirushi5,
tekichu_per_text1,
tekichu_per_text2,
tekichu_per_text3,
tekichu_per_text4,
tekichu_per_text5,
){
const matchMedia=window.matchMedia('(max-width:600px)');
let top_fontsize=13;
let bottom_fontsize=26;
let top_offset=15;
let bottom_offset=15;
if(matchMedia.matches){
if(tekichu_per_shirushi5){
top_fontsize=12;
bottom_fontsize=18;
top_offset=8;
bottom_offset=15;
}else{
top_fontsize=13;
bottom_fontsize=22;
top_offset=10;
bottom_offset=17;
}}
const doughnutChart_shirushi1=document.getElementById('doughnut_chart_shirushi1');
const counter_shirushi1={
id: 'counter',
beforeDraw(chart, args, options){
const { ctx, chartArea: { top, right, bottom, left, width, height }}=chart;
ctx.save();
ctx.fillStyle='#39393B';
ctx.fillRect(width / 2, top + (height / 2), 0, 0);
ctx.font=top_fontsize+'px Noto Sans JP';
ctx.textAlign='center';
ctx.fillText(tekichu_per_text1+' 的中率', width / 2, top + (height / 2) - top_offset);
ctx.fillStyle='rgba(139,194,76,1)';
ctx.fillRect(width / 2, top + (height / 2), 0, 0);
ctx.font=bottom_fontsize+'px "Montserrat"';
ctx.textAlign='center';
ctx.fillText(tekichu_per_shirushi1+'%', width / 2, top + (height / 2) + bottom_offset);
}};
_chihoCharts['shirushi1']=new Chart(doughnutChart_shirushi1, {
type: 'doughnut',
data: {
labels: ['的中率','不的中率'],
datasets: [{
label: 'votes',
data: [tekichu_per_shirushi1,(100 - tekichu_per_shirushi1)],
backgroundColor: ['rgba(139,194,76,1)','rgba(234,234,234,0.8)'],
borderColor: ['rgba(139,194,76,1)','rgba(234,234,234,1)'],
}]
},
options: {
responsive: true,
cutout: '70%',
plugins: {
legend: { display: false, position: 'left' },
title: { display: false, text: '', position: 'top', align: 'center' },
counter: { fontColor: 'red', fontSize: '50px', fontFamily: 'sans-serif' },
},
},
plugins: [counter_shirushi1]
});
const doughnutChart_shirushi2=document.getElementById('doughnut_chart_shirushi2');
const counter_shirushi2={
id: 'counter',
beforeDraw(chart, args, options){
const { ctx, chartArea: { top, right, bottom, left, width, height }}=chart;
ctx.save();
ctx.fillStyle='#39393B';
ctx.fillRect(width / 2, top + (height / 2), 0, 0);
ctx.font=top_fontsize+'px Noto Sans JP';
ctx.textAlign='center';
ctx.fillText(tekichu_per_text2+' 的中率', width / 2, top + (height / 2) - top_offset);
ctx.fillStyle='rgba(139,194,76,1)';
ctx.fillRect(width / 2, top + (height / 2), 0, 0);
ctx.font=bottom_fontsize+'px Montserrat';
ctx.textAlign='center';
ctx.fillText(tekichu_per_shirushi2+'%', width / 2, top + (height / 2) + bottom_offset);
}};
_chihoCharts['shirushi2']=new Chart(doughnutChart_shirushi2, {
type: 'doughnut',
data: {
labels: ['的中率','不的中率'],
datasets: [{
label: 'votes',
data: [tekichu_per_shirushi2,(100 - tekichu_per_shirushi2)],
backgroundColor: ['rgba(139,194,76,1)','rgba(234,234,234,0.8)'],
borderColor: ['rgba(139,194,76,1)','rgba(234,234,234,1)'],
}]
},
options: {
responsive: true,
cutout: '70%',
plugins: {
legend: { display: false, position: 'left' },
title: { display: false, text: '', position: 'top', align: 'center' },
counter: { fontColor: 'red', fontSize: '50px', fontFamily: 'sans-serif' },
},
},
plugins: [counter_shirushi2]
});
const doughnutChart_shirushi3=document.getElementById('doughnut_chart_shirushi3');
const counter_shirushi3={
id: 'counter',
beforeDraw(chart, args, options){
const { ctx, chartArea: { top, right, bottom, left, width, height }}=chart;
ctx.save();
ctx.fillStyle='#39393B';
ctx.fillRect(width / 2, top + (height / 2), 0, 0);
ctx.font=top_fontsize+'px Noto Sans JP';
ctx.textAlign='center';
ctx.fillText(tekichu_per_text3+' 的中率', width / 2, top + (height / 2) - top_offset);
ctx.fillStyle='rgba(139,194,76,1)';
ctx.fillRect(width / 2, top + (height / 2), 0, 0);
ctx.font=bottom_fontsize+'px Montserrat';
ctx.textAlign='center';
ctx.fillText(tekichu_per_shirushi3+'%', width / 2, top + (height / 2) + bottom_offset);
}};
_chihoCharts['shirushi3']=new Chart(doughnutChart_shirushi3, {
type: 'doughnut',
data: {
labels: ['的中率','不的中率'],
datasets: [{
label: 'votes',
data: [tekichu_per_shirushi3,(100 - tekichu_per_shirushi3)],
backgroundColor: ['rgba(139,194,76,1)','rgba(234,234,234,0.8)'],
borderColor: ['rgba(139,194,76,1)','rgba(234,234,234,1)'],
}]
},
options: {
responsive: true,
cutout: '70%',
plugins: {
legend: { display: false, position: 'left' },
title: { display: false, text: '', position: 'top', align: 'center' },
counter: { fontColor: 'red', fontSize: '50px', fontFamily: 'sans-serif' },
},
},
plugins: [counter_shirushi3]
});
const doughnutChart_shirushi4=document.getElementById('doughnut_chart_shirushi4');
const counter_shirushi4={
id: 'counter',
beforeDraw(chart, args, options){
const { ctx, chartArea: { top, right, bottom, left, width, height }}=chart;
ctx.save();
ctx.fillStyle='#39393B';
ctx.fillRect(width / 2, top + (height / 2), 0, 0);
ctx.font=top_fontsize+'px Noto Sans JP';
ctx.textAlign='center';
ctx.fillText(tekichu_per_text4+' 的中率', width / 2, top + (height / 2) - top_offset);
ctx.fillStyle='rgba(139,194,76,1)';
ctx.fillRect(width / 2, top + (height / 2), 0, 0);
ctx.font=bottom_fontsize+'px Montserrat';
ctx.textAlign='center';
ctx.fillText(tekichu_per_shirushi4+'%', width / 2, top + (height / 2) + bottom_offset);
}};
_chihoCharts['shirushi4']=new Chart(doughnutChart_shirushi4, {
type: 'doughnut',
data: {
labels: ['的中率','不的中率'],
datasets: [{
label: 'votes',
data: [tekichu_per_shirushi4,(100 - tekichu_per_shirushi4)],
backgroundColor: ['rgba(139,194,76,1)','rgba(234,234,234,0.8)'],
borderColor: ['rgba(139,194,76,1)','rgba(234,234,234,1)'],
}]
},
options: {
responsive: true,
cutout: '70%',
plugins: {
legend: { display: false, position: 'left' },
title: { display: false, text: '', position: 'top', align: 'center' },
counter: { fontColor: 'red', fontSize: '50px', fontFamily: 'sans-serif' },
},
},
plugins: [counter_shirushi4]
});
if(tekichu_per_shirushi5!==false&&tekichu_per_shirushi5 >=0){
const doughnutChart_shirushi5=document.getElementById('doughnut_chart_shirushi5');
const counter_shirushi5={
id: 'counter',
beforeDraw(chart, args, options){
const { ctx, chartArea: { top, right, bottom, left, width, height }}=chart;
ctx.save();
ctx.fillStyle='#39393B';
ctx.fillRect(width / 2, top + (height / 2), 0, 0);
ctx.font=top_fontsize+'px Noto Sans JP';
ctx.textAlign='center';
ctx.fillText(tekichu_per_text5+' 的中率', width / 2, top + (height / 2) - top_offset);
ctx.fillStyle='rgba(139,194,76,1)';
ctx.fillRect(width / 2, top + (height / 2), 0, 0);
ctx.font=bottom_fontsize+'px Montserrat';
ctx.textAlign='center';
ctx.fillText(tekichu_per_shirushi5+'%', width / 2, top + (height / 2) + bottom_offset);
}};
_chihoCharts['shirushi5']=new Chart(doughnutChart_shirushi5, {
type: 'doughnut',
data: {
labels: ['的中率','不的中率'],
datasets: [{
label: 'votes',
data: [tekichu_per_shirushi5,(100 - tekichu_per_shirushi5)],
backgroundColor: ['rgba(139,194,76,1)','rgba(234,234,234,0.8)'],
borderColor: ['rgba(139,194,76,1)','rgba(234,234,234,1)'],
}]
},
options: {
responsive: true,
cutout: '70%',
plugins: {
legend: { display: false, position: 'left' },
title: { display: false, text: '', position: 'top', align: 'center' },
counter: { fontColor: 'red', fontSize: '50px', fontFamily: 'sans-serif' },
},
},
plugins: [counter_shirushi5]
});
}}
const _chihoCharts={};
$(function (){
$('.ai-ranking__tab,'+'#ai-ranking_mark,'+'#ai-ranking_select,'+ '.ai-ranking__content.selectranking,'+ '.ai-ranking__content.markranking').wrapAll('<div class="ai-ranking__stickyarea"></div>');
});
$('input[name="ai-ranking"]').change(function(){
if($('#ai-ranking_select').prop('checked')){
const targetOffset=$('#selectranking').offset().top - 100;
$('html, body').animate({scrollTop: targetOffset}, 500);
}
if($('#ai-ranking_mark').prop('checked')){
const targetOffset=$('#markranking').offset().top - 100;
$('html, body').animate({scrollTop: targetOffset}, 500);
}});