総復習問題01【多次元連想配列】

多次元連想配列を作成しブラウザに出力させましょう。

総復習問題02【エラー文章を出力】

テキストボックスに文字を入力してchangeイベント行うタイミングで、
数値・英語・記号が1文字以上でも含まれていればテキストボックス下にエラー文章を出力しましょう。

総復習問題03【liタグに配列を表示＆削除】

ulタグを用意し、以下の情報をliタグに入れてブラウザに表示しましょう。
let array = ["トマト", "きゅうり", "ピーマン", "だいこん"];
ボタンを用意し、押されたらulタグは残しつつliタグを全て削除する機能を追加しましょう。

リストの中身を削除

総復習問題04【ソートしてコンソールに出力】

多次元連想配列の内容を金額でソートしコンソールに出力しましょう。

総復習問題05【textBoxに入力した金額以下の情報を出力】

問題04で使用した多次元連想配列の情報で絞り込み機能を行ってください。
テキストボックスに入力した金額以下の情報を出力できるようにしてみましょう。
無記入時は情報全て表示してる状態にして下さい。

総復習問題07【4文字以下の野菜のみブラウザへ表示させる】

let array = ['キノコ','ふきのとう', 'タケノコ', 'さつまいも', 'ししとう', 'さやえんどう', 'とうみょう'];
上記の配列から4文字以下の情報だけブラウザに表示しましょう。

総復習問題08【テキストボックスのvalueをブラウザに出力】

changeイベントが発生した時にテキストボックスのvalueがブラウザに出力されるように機能を作成しましょう。
valueが表示する時に条件文を作ってください。
条件は数字のみがvalueに記述されていればブラウザに出力、そうでなかったら「数字のみを入力してください」と文字を出力ししましょう。

総復習問題09【スクロール位置の取得】

スクロールボックス内で現在のスクロール位置がリアルタイムで表示されるようにし、
1000pxごとにスクロールボックス内の背景色が変わるようにしましょう。