JavaScript在移动设备上不起作用，显示空白

Question

I have created a reserve schedule which consists of a calendar and certain time. On Desktop it works perfectly, also in chrome's emulator, but it doesn't work on mobile, in my case Safari and also Chrome for iOs. The calendar days don't show up in mobile.

This is the desktop version.

This is the mobile version.

The javascript is filled with onclick events and they are all created based on the day, month and year the user is located. I tried removing all onclick events and it showed up fine. This is how each day of the calendar is created with the function in it.

<div class="calendar__day" id=day'+i+' onclick="changedate('+a+','+i+','+month+','+ finday(i,yyyy,mm) +')"><span class="calendar__date">'+ i +'</span></div>

Is there any workaround to make it workable on mobile also? Is it because of too much javascript or just the onclick function?

Answer 1

After putting console.logs everywhere I found out that the function finday(i,yyyy,mm) which was called with the changedate function on click was being executed everytime a new day was created in the html. I don't really know why it happened but I implemented the finday function inside the changedate and it now works. I guess it was just too much javascript functions being executed for a mobile browser.