int main() {
printf("30 JavaScript projects without any external libraries.");
}
30 JavaScript projects without any external libraries.
Play Drums. Bleh.
takeaway - playSound() function.
A minimal JS and CSS clock which displays three hands.
takeaway -- setDate() function.
Play with the CSS variables options to resize an image, Blur and image and change border color using sliders.
takeaway - addEventListener() helper method.
CSS flexbox is awesome. here, click on an image and watch the text roll in and the image expand.
takeaway - display: flex; property.
Type in a name of a city or a state and the results will start rolling as soon as you type. Also there is a feature to highlight the text which you're looking for.
takeaway - fetch() and promises from JavaScript.
Implemented find(), some(), every() and findIndex() methods to play with arrays.
takeaway - All the above mentioned functions.
Draw on the Canvas element by holding on the mouse pointer. The colors vary along with the width. Give it a try. :p
takeaway - draw() method is helpful for drawing onto the canvas. decision flag helps to reduce and increase width of the stroke element.
Trying to build a strong grip on various console statements.
takeaway - All console Statements
Hold down the shift key on your keyboard and select another checkbox in the list. All the checkboxes in between will get checked automatically (Gmail feature).
takeaway - the inBetween flag is the most useful here. Also, the handleCheckboxes function is handy.
A video player with features such as play, pause, skip 10 seconds backwords, skip 25 seconds forward and a seek bar. All this is implemented in scripts.js file with some custom css in style.css file.
takeaway - addEventListener() method plays a major role in binding DOM keys with functions. The respective functions control their respective functionalities. for example scrub() is responsible to adjust seek bar to the exact correct location.
Detects a specific keysequence when the user enters keystores onto the browser window. Key sequence is then mapped with the secret code and the output is generated, in this case, UNICORNS.
takeaway - The cornify_add() method adds unicorns. Basically we check for the pressed array and map it with secretCode array.
