資訊專(zhuān)欄INFORMATION COLUMN
摘要：任務(wù)目的學(xué)習(xí)與實(shí)踐的基本語(yǔ)法語(yǔ)言特性初步了解的事件是什么初步了解中的是什么任務(wù)描述如圖，模擬一個(gè)隊(duì)列，隊(duì)列的每個(gè)元素是一個(gè)數(shù)字，初始隊(duì)列為空有一個(gè)輸入框，以及個(gè)操作按鈕點(diǎn)擊左側(cè)入，將中輸入的數(shù)字從左側(cè)插入隊(duì)列中點(diǎn)擊右側(cè)入，將中輸入的數(shù)字從右
任務(wù)目的
學(xué)習(xí)與實(shí)踐JavaScript的基本語(yǔ)法、語(yǔ)言特性
初步了解JavaScript的事件是什么
初步了解JavaScript中的DOM是什么
任務(wù)描述
如圖，模擬一個(gè)隊(duì)列，隊(duì)列的每個(gè)元素是一個(gè)數(shù)字，初始隊(duì)列為空
有一個(gè)input輸入框，以及4個(gè)操作按鈕
點(diǎn)擊"左側(cè)入"，將input中輸入的數(shù)字從左側(cè)插入隊(duì)列中；
點(diǎn)擊"右側(cè)入"，將input中輸入的數(shù)字從右側(cè)插入隊(duì)列中；
點(diǎn)擊"左側(cè)出"，讀取并刪除隊(duì)列左側(cè)第一個(gè)元素，并彈窗顯示元素中數(shù)值；
點(diǎn)擊"右側(cè)出"，讀取并刪除隊(duì)列又側(cè)第一個(gè)元素，并彈窗顯示元素中數(shù)值；
點(diǎn)擊隊(duì)列中任何一個(gè)元素，則該元素會(huì)被從隊(duì)列中刪除
任務(wù)注意事項(xiàng)
實(shí)現(xiàn)簡(jiǎn)單功能的同時(shí)，請(qǐng)仔細(xì)學(xué)習(xí)JavaScript基本語(yǔ)法、事件、DOM相關(guān)的知識(shí)
請(qǐng)注意代碼風(fēng)格的整齊、優(yōu)雅
代碼中含有必要的注釋
示例圖僅為參考，不需要完全一致
需要考慮數(shù)字輸入的合法性
建議不使用任何第三方庫(kù)、框架
實(shí)現(xiàn)代碼
IFE JavaScript Task 01
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/82910.html