Self Practice – QQ List

<style> *{ margin:0; padding:0; } li{ list-style: none; } #box{ width:250px; border:1px solid black; margin:20px; } #box h3{ border:1px solid black; height: 30px; line-height:30px; padding-left: 20px; background-color: skyblue; } #box…

134. Coding Challenge 1

<script> document.body.append(document.createElement('button')); const poll = { question: 'What is your favourite programming language?', options: ['0:JavaScript', '1:Phyton', '2:Rust', '3:C++'], answers: new Array(4).fill(0), registerNewAnswer(){ const answer = Number(prompt(`${this.question}\n${this.options.join('\n')}\n（Write option number)`)); //Update answer…

Call & Apply Method

<script> const airasia = { airline: 'Airasia', iataCode: 'DX', bookings: [], //book: function(){} //New Syntax As Below book(flightNum, name){ console.log(`${name} booked a seat on ${this.airline} flight ${this.iataCode}${flightNum}`); }, }; airasia.book(2678,…

High Order Function

<script> const oneWord = function (str){ return str.replace(/ /g,'').toLowerCase(); }; const upperFirstWord = function (str) { const [first, ...others] = str.split(' '); return [first.toUpperCase(), ...others].join(' '); }; //Higher-Order function const…

Value vs Reference

<script> const flight = 'LH123'; const amanda = { name: 'Amanda Law', passport: 54124092 } const checkIn = function(flightNum, passenger){ flightNum = 'LH999'; passenger.name = 'Mr.' + passenger.name; if(passenger.passport ===…

Function Return Function

Setting Default Parameter

<script> const bookings = []; const createBooking = function(flightNum, numPassengers = 1, price = 199 * numPassengers){ //ES5 Old Way To Set Default //numPassengers = numPassengers || 1; //price =…

123. Coding Challenge 4

Working With Strings <script> document.body.append(document.createElement('textarea')); document.body.append(document.createElement('button')); //const text = document.querySelector('textarea').value; document.querySelector('button').addEventListener('click',function(){ const text = document.querySelector('textarea').value; //console.log(text); const rows = text.split('\n'); //先把一整段分成五段 for (const [i, row] of rows.entries()){ const [first, second]…

119. Coding Challenge 3

SetsMaps : FundamentalMaps : Iteration <script> const game = { team1: 'Bayern Munich', team2: 'Borrussia Dortmund', players: [ [ 'Never', 'Pavard', 'Martinez', 'Alaba', 'Davies', 'Kimmich', 'Goretzka', 'Coman', 'Muller', 'Gnarby', 'Lewandowski',…

114. Coding Challenge 2

For-Of LoopEnhanced Object LiteralsOptional Chaining (?.)Looping Object : Object Key, Value and Entries const game = { team1: 'Bayern Munich', team2: 'Borrussia Dortmund', players: [ [ 'Never', 'Pavard', 'Martinez', 'Alaba',…