Design, tech, engineering and science. Head of Design and User Research.
2 > 1 ? 3 + 4 : 5
3 + 4
2 > 1 ? 7 : 5
2 > 1
true
true ? 7 : 5
7
a > b
a > b ? a + b : b
multiplier_program = (n) => n * 10
multiplier_program(my_number)
1 + 2
9 % 2 // Also try 8 % 3, or 9 % 0
true
false
true == false // Does true equal false? No it doesn't, that's false
!true
!false
true == !false // Does true equal not false? Yes it does, that's true
"Napoleon" + " " + "Bonaparte"
"Napoleon".length
is_alive = false
2 > 1
2 == 1
napoleon_birth_year = 1769
napoleon_height = 1.68 // meters as decimal number
first_name = "Napoleon"
last_name = "Bonaparte"
full_name = first_name + " " + last_name
[1, 2, "Napoleon", -12, "Bonaparte", false]
[
[1, 2, 3],
[4, 5, 6],
[
["a", "b"],
["c", "d"]
]
]
({
first_name: "Napoleon",
last_name: "Bonaparte",
birth_year: 1769
})
[
{
title: "Wannabe",
duration_seconds: 173,
artist: {
name: "Spice Girls"
}
},
{
title: "I Want It That Way",
duration_seconds: 213,
artist: {
name: "Backstreet Boys"
}
}
]
new Date()
{
if (current_year - napoleon_birth_year > 50) {
return "red"
} else {
return "green"
}
}
[current_year, napoleon_birth_year, current_year - napoleon_birth_year]
current_year - napoleon_birth_year > 50 ? "red" : "green"
mutable x = 0
mutable y = 0
function move_to_direction () {
switch (direction) {
case "up":
mutable y += -1
break
case "down":
mutable y += 1
break
case "left":
mutable x += -1
break
case "right":
mutable x += 1
break
}
}
playlist = ["Quit Playing Games", "Wannabe", "I Want It That Way"]
playlist.forEach((title) => {
if (title.length > longest_title_length) {
mutable longest_title_length = title.length
}
})
{
var numbers = [] // This line creates an empty array
var i = 1
while (i < 10) {
numbers.push(i) // This line pushes the current value if `i` into the list `numbers`
i = i + 1 // This line increases the value of `i`
}
return numbers
}
{
var account_balance = 200
while (account_balance >= 17) {
account_balance = account_balance - 17
}
return account_balance
}
{
const rows = [];
for (let y = 0; y < 10; ++y) {
rows.push([]);
for (let x = 0; x < 10; ++x) {
rows[y].push(x);
}
}
return rows;
}
multiplier_program(20)
multiplier_program(1) * multiplier_program(2) * multiplier_program(3)
function power(n) {
var p = 1
for (let i = 0; i < n; i++) {
p = p * n
}
return p
}
power(3)
power(2)
power(4)
power(power(2))
Purpose-built for displays of data
Observable is your go-to platform for exploring data and creating expressive data visualizations. Use reactive JavaScript notebooks for prototyping and a collaborative canvas for visual data exploration and dashboard creation.
