請問如何修改代碼實作點擊后nowPages值加一操作?
(原代碼效果是點擊掛歷,然后會翻頁顯示下一頁日期。我做了一些修改,希望在點擊 翻頁后,nowPages值會加一,然后顯示新的nowPages值 case的內容。一直到7就不再翻頁)
代碼如下
var pages = document.querySelector('.pages');
var locale = window.navigator.language || 'en-us';
var nowPages = 1; //此值為默認值,需要實作點擊后該值加一,然后switch 輸出相關值得內容
function handleClick(e) {
updateCalendar(e.target);
}
function updateCalendar(target) {
if (target && target.classList.contains('page')) {
target.classList.add('tear');
setTimeout(function () {
pages.removeChild(target);
}, 800);
} else {
return;
}
renderPage();
}
function renderPage() {
var newPage = document.createElement('div');
newPage.classList.add('page');
if(nowPages<7){
switch (nowPages)
{
case 1:
代碼;
break;
case 2:
代碼;
break;
case 3:
代碼;
break;
case 4:
代碼;
break;
case 5:
代碼;
break;
case 6:
代碼;
break;
}
}
newPage.innerHTML = '\n<H1>2019參會統計</H1> <br><br><br><br> <p class="month">' + contentA +
'</p>\n <p class="day">' + contentB +
'</p>\n <p class="day-name">' +contentC+
'</p>\n <p class="year"> ' +
'</p><br><br><br><br><br><br><br>';
pages.appendChild(newPage);
}
renderPage();
pages.addEventListener('click', handleClick);
uj5u.com熱心網友回復:
已解決,原來js可以直接改全域變數轉載請註明出處,本文鏈接:https://www.uj5u.com/qianduan/114099.html
標籤:JavaScript
