iT邦幫忙

2019 iT 邦幫忙鐵人賽

0
自我挑戰組

程式設計師大冒險系列 第 70

[70/150]CPE一星題庫(四)JS將自身化為參數

  • 分享至 

  • xImage
  •  

總算可以正常顯示內容,一開始用迴圈設定變數,結果內容通通變成最後一個變數。簡單來說就是題目A~Z,用迴圈設定答案a~z,但是輸出後答案全是z。

【大綱】

  • 錯誤版本
  • 正確版本
  • 閒談

【錯誤版本】

原本想透過迴圈設定變數,讓各題目都有專屬參數。
將題目A~Z依序設定A~Z參數,點擊A顯示A;點擊B顯示B,以此類推。
結果不管哪個題目都顯示Z,這讓我感到很挫敗。

for(ali in UVa.que){
        document.getElementsByTagName("p")[ali*3+1].addEventListener(
        "click", function(){
                   var view = document.getElementById("queview");
                   view.innerHTML="<p>"+UVa.que[ali].name+"s</p>";}
                    );
                }

【正確版本】

透過這個參數this.innerHTML,總算可以正常顯示資料。
接下來用這個去抓取JSON,就能顯示解題思路。

for(ali in UVa.que){
	document.getElementsByTagName("p")[ali*3+1].addEventListener("click", 
			function(){var view = document.getElementById("queview");
						view.innerHTML="<p>"+this.innerHTML+"s</p>";});	
		}
		

【閒談】

參考很多w3cschool資料,才找到將自身化為參數。
因緣際會上接觸PANDAS,感覺很好玩。
因為電腦關係沒辦法下載SQL,或許學好這個可以代替資料庫。
感謝撥冗閱讀。


上一篇
[69/150]Excel vba 取出某段時間的資料
下一篇
[71/150]第十一週學習總結,CPE一星題庫報告(一)
系列文
程式設計師大冒險115
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言