mirror of
https://github.com/freeCodeCamp/freeCodeCamp.git
synced 2025-12-22 11:36:11 -05:00
179 lines
5.4 KiB
Markdown
179 lines
5.4 KiB
Markdown
---
|
|
id: 646d4a5b32a1cad6165df286
|
|
title: Step 102
|
|
challengeType: 0
|
|
dashedName: step-102
|
|
---
|
|
|
|
# --description--
|
|
|
|
Create a `random` property. This property should use the first two numbers from an array to generate a random whole number. The range for this number starts at the smaller positive number (inclusive) among the first two numbers and ends just before the sum of these two numbers. Use the `Math.floor()` and `Math.random()` methods for the calculation.
|
|
|
|
# --hints--
|
|
|
|
Your `spreadsheetFunctions` object should have a `random` property.
|
|
|
|
```js
|
|
assert.property(spreadsheetFunctions, "random");
|
|
```
|
|
|
|
Your `random` property should be a function.
|
|
|
|
```js
|
|
assert.isFunction(spreadsheetFunctions.random);
|
|
```
|
|
|
|
Your `random` function should return a random number between the first two numbers in the array.
|
|
|
|
```js
|
|
assert.isAtLeast(spreadsheetFunctions.random([1, 2, 3]), 1);
|
|
assert.isAtMost(spreadsheetFunctions.random([1, 2, 3]), 2);
|
|
```
|
|
|
|
Your `random` function should return a whole number (integer).
|
|
|
|
```js
|
|
const result = spreadsheetFunctions.random([1, 10]);
|
|
assert.equal(result, Math.floor(result));
|
|
```
|
|
|
|
# --seed--
|
|
|
|
## --seed-contents--
|
|
|
|
```html
|
|
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
<link rel="stylesheet" href="./styles.css" />
|
|
<title>Functional Programming Spreadsheet</title>
|
|
</head>
|
|
<body>
|
|
<div id="container">
|
|
<div></div>
|
|
</div>
|
|
<script src="./script.js"></script>
|
|
</body>
|
|
</html>
|
|
```
|
|
|
|
```css
|
|
#container {
|
|
display: grid;
|
|
grid-template-columns: 50px repeat(10, 200px);
|
|
grid-template-rows: repeat(11, 30px);
|
|
}
|
|
|
|
.label {
|
|
background-color: lightgray;
|
|
text-align: center;
|
|
vertical-align: middle;
|
|
line-height: 30px;
|
|
}
|
|
```
|
|
|
|
```js
|
|
const infixToFunction = {
|
|
"+": (x, y) => x + y,
|
|
"-": (x, y) => x - y,
|
|
"*": (x, y) => x * y,
|
|
"/": (x, y) => x / y,
|
|
}
|
|
|
|
const infixEval = (str, regex) => str.replace(regex, (_match, arg1, operator, arg2) => infixToFunction[operator](parseFloat(arg1), parseFloat(arg2)));
|
|
|
|
const highPrecedence = str => {
|
|
const regex = /([\d.]+)([*\/])([\d.]+)/;
|
|
const str2 = infixEval(str, regex);
|
|
return str === str2 ? str : highPrecedence(str2);
|
|
}
|
|
|
|
const isEven = num => num % 2 === 0;
|
|
const sum = nums => nums.reduce((acc, el) => acc + el, 0);
|
|
const average = nums => sum(nums) / nums.length;
|
|
|
|
const median = nums => {
|
|
const sorted = nums.slice().sort((a, b) => a - b);
|
|
const length = sorted.length;
|
|
const middle = length / 2 - 1;
|
|
return isEven(length)
|
|
? average([sorted[middle], sorted[middle + 1]])
|
|
: sorted[Math.ceil(middle)];
|
|
}
|
|
|
|
--fcc-editable-region--
|
|
const spreadsheetFunctions = {
|
|
sum,
|
|
average,
|
|
median,
|
|
even: nums => nums.filter(isEven),
|
|
someeven: nums => nums.some(isEven),
|
|
everyeven: nums => nums.every(isEven),
|
|
firsttwo: nums => nums.slice(0, 2),
|
|
lasttwo: nums => nums.slice(-2),
|
|
has2: nums => nums.includes(2),
|
|
increment: nums => nums.map(num => num + 1),
|
|
|
|
}
|
|
--fcc-editable-region--
|
|
|
|
const applyFunction = str => {
|
|
const noHigh = highPrecedence(str);
|
|
const infix = /([\d.]+)([+-])([\d.]+)/;
|
|
const str2 = infixEval(noHigh, infix);
|
|
const functionCall = /([a-z0-9]*)\(([0-9., ]*)\)(?!.*\()/i;
|
|
const toNumberList = args => args.split(",").map(parseFloat);
|
|
const apply = (fn, args) => spreadsheetFunctions[fn.toLowerCase()](toNumberList(args));
|
|
return str2.replace(functionCall, (match, fn, args) => spreadsheetFunctions.hasOwnProperty(fn.toLowerCase()) ? apply(fn, args) : match);
|
|
}
|
|
|
|
const range = (start, end) => Array(end - start + 1).fill(start).map((element, index) => element + index);
|
|
const charRange = (start, end) => range(start.charCodeAt(0), end.charCodeAt(0)).map(code => String.fromCharCode(code));
|
|
|
|
const evalFormula = (x, cells) => {
|
|
const idToText = id => cells.find(cell => cell.id === id).value;
|
|
const rangeRegex = /([A-J])([1-9][0-9]?):([A-J])([1-9][0-9]?)/gi;
|
|
const rangeFromString = (num1, num2) => range(parseInt(num1), parseInt(num2));
|
|
const elemValue = num => character => idToText(character + num);
|
|
const addCharacters = character1 => character2 => num => charRange(character1, character2).map(elemValue(num));
|
|
const rangeExpanded = x.replace(rangeRegex, (_match, char1, num1, char2, num2) => rangeFromString(num1, num2).map(addCharacters(char1)(char2)));
|
|
const cellRegex = /[A-J][1-9][0-9]?/gi;
|
|
const cellExpanded = rangeExpanded.replace(cellRegex, match => idToText(match.toUpperCase()));
|
|
const functionExpanded = applyFunction(cellExpanded);
|
|
return functionExpanded === x ? functionExpanded : evalFormula(functionExpanded, cells);
|
|
}
|
|
|
|
window.onload = () => {
|
|
const container = document.getElementById("container");
|
|
const createLabel = (name) => {
|
|
const label = document.createElement("div");
|
|
label.className = "label";
|
|
label.textContent = name;
|
|
container.appendChild(label);
|
|
}
|
|
const letters = charRange("A", "J");
|
|
letters.forEach(createLabel);
|
|
range(1, 99).forEach(number => {
|
|
createLabel(number);
|
|
letters.forEach(letter => {
|
|
const input = document.createElement("input");
|
|
input.type = "text";
|
|
input.id = letter + number;
|
|
input.ariaLabel = letter + number;
|
|
input.onchange = update;
|
|
container.appendChild(input);
|
|
})
|
|
})
|
|
}
|
|
|
|
const update = event => {
|
|
const element = event.target;
|
|
const value = element.value.replace(/\s/g, "");
|
|
if (!value.includes(element.id) && value.startsWith('=')) {
|
|
element.value = evalFormula(value.slice(1), Array.from(document.getElementById("container").children));
|
|
}
|
|
}
|
|
```
|