Coggle requires JavaScript to display documents.
style
<style>
<head>
!important
inherit
initial
unset
visible
hidden
scroll
auto
**Float Property:** Takes an element out of the normal flow and positions it to the left or right of the containing element.
flex-direction
**Flex Container:** The parent element that houses flex items, defined by setting `display: flex;`.
**Flex Items:** The child elements within a flex container that are positioned according to the flexbox layout model.
flex-wrap
grid-gap
grid-column-gap
grid-row-gap
<script>
.js
src
var
let
const
Infinity
NaN
isNaN()
Number.MAX_VALUE
Number.MIN_VALUE
.length
+
.concat()
\n
\'
.charAt()
.indexOf()
.lastIndexOf()
.substring()
.slice()
.toUpperCase()
.toLowerCase()
.replace()
- **`if` Statement**: Executes a block of code if a condition is true. - **`if-else` Statement**: Executes one block of code if a condition is true and another block if it's false.
- **Primitive Values**: Basic data types like numbers, strings, and Booleans. - **Relational Expressions**: Involve comparisons like `>`, `<`, `>=`, `<=`, `==`, `!=` that evaluate to `true` or `false`.
&&
||
**Compound Statements**: A sequence of statements enclosed in braces `{}` that define a block of code to be executed together.
**Strings**: Non-empty strings are `true`, while empty strings are `false`.
**Numbers**: Non-zero numbers are `true`, zero is `false`.
**NaN**: `false` in a Boolean context.
**Undefined**: `false` in a Boolean context.
**Null**: `false` in a Boolean context.
**Booleans**: `true` and `false` are interpreted as `true` and `false` respectively.
for
while
do-while
for...in
for...of
function Person(name) { this.name = name; }
Array
indexOf
slice
splice
let numbers = new Array(1, 2, 3);
let fruits = ["apple", "orange", "banana"];
function
function greet(name) { return "Hello " + name; }
=>
const add = (a, b) => a + b;
array.forEach(function(item) { console.log(item); });
function factorial(n) { return n === 0 ? 1 : n * factorial(n - 1); }
function*
yield
width
height
padding-top
padding-right
padding-bottom
padding-left
border-width
border-style
border-color
content-box
border-box