* chore: rename part to step * chore: update metas * chore: more renaming * chore: update tooling * chore: update frontmatter * chore(tools): title testing
		
			
				
	
	
		
			175 lines
		
	
	
		
			3.8 KiB
		
	
	
	
		
			Markdown
		
	
	
	
	
	
			
		
		
	
	
			175 lines
		
	
	
		
			3.8 KiB
		
	
	
	
		
			Markdown
		
	
	
	
	
	
---
 | 
						|
id: 5d7925352047e5c54882c436
 | 
						|
title: Step 56
 | 
						|
challengeType: 0
 | 
						|
dashedName: step-56
 | 
						|
---
 | 
						|
 | 
						|
# --description--
 | 
						|
 | 
						|
As `n1` and `n2` are actually strings, replace `n1` and `n2` with `parseInt(n1)` and `parseInt(n2)`.
 | 
						|
 | 
						|
# --hints--
 | 
						|
 | 
						|
See description above for instructions.
 | 
						|
 | 
						|
```js
 | 
						|
assert(
 | 
						|
  /evalFormula.*constrangeFromString=\(n1,n2\)=>range\(parseInt\(n1\),parseInt\(n2\)\)/.test(
 | 
						|
    code.replace(/\s/g, '')
 | 
						|
  )
 | 
						|
);
 | 
						|
```
 | 
						|
 | 
						|
# --seed--
 | 
						|
 | 
						|
## --before-user-code--
 | 
						|
 | 
						|
```html
 | 
						|
<!DOCTYPE html>
 | 
						|
<html lang="en">
 | 
						|
<head>
 | 
						|
  <meta charset="UTF-8">
 | 
						|
  <title>Spreadsheet</title>
 | 
						|
  <style>
 | 
						|
    #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;
 | 
						|
    }
 | 
						|
  </style>
 | 
						|
</head>
 | 
						|
<body>
 | 
						|
<div id="container">
 | 
						|
  <div></div>
 | 
						|
</div>
 | 
						|
```
 | 
						|
 | 
						|
## --after-user-code--
 | 
						|
 | 
						|
```html
 | 
						|
</body>
 | 
						|
</html>
 | 
						|
```
 | 
						|
 | 
						|
## --seed-contents--
 | 
						|
 | 
						|
```html
 | 
						|
<script>
 | 
						|
 | 
						|
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, (_, arg1, fn, arg2) =>
 | 
						|
    infixToFunction[fn](parseFloat(arg1), parseFloat(arg2))
 | 
						|
  );
 | 
						|
 | 
						|
const highPrecedence = str => {
 | 
						|
  const regex = /([0-9.]+)([*\/])([0-9.]+)/;
 | 
						|
  const str2 = infixEval(str, regex);
 | 
						|
  return str === str2 ? str : highPrecedence(str2);
 | 
						|
};
 | 
						|
 | 
						|
const spreadsheetFunctions = {
 | 
						|
  "": x => x
 | 
						|
};
 | 
						|
 | 
						|
const applyFn = str => {
 | 
						|
  const noHigh = highPrecedence(str);
 | 
						|
  const infix = /([0-9.]+)([+-])([0-9.]+)/;
 | 
						|
  const str2 = infixEval(noHigh, infix);
 | 
						|
  const regex = /([a-z]*)\(([0-9., ]*)\)(?!.*\()/i;
 | 
						|
  const toNumberList = args => args.split(",").map(parseFloat);
 | 
						|
  const applyFunction = (fn, args) =>
 | 
						|
    spreadsheetFunctions[fn.toLowerCase()](toNumberList(args));
 | 
						|
  return str2.replace(
 | 
						|
    regex,
 | 
						|
    (match, fn, args) =>
 | 
						|
      spreadsheetFunctions.hasOwnProperty(fn.toLowerCase()) ? applyFunction(fn, args) : match
 | 
						|
  );
 | 
						|
};
 | 
						|
 | 
						|
const range = (start, end) =>
 | 
						|
  start > end ? [] : [start].concat(range(start + 1, end));
 | 
						|
 | 
						|
const charRange = (start, end) =>
 | 
						|
  range(start.charCodeAt(0), end.charCodeAt(0)).map(x =>
 | 
						|
    String.fromCharCode(x)
 | 
						|
  );
 | 
						|
 | 
						|
const evalFormula = x => {
 | 
						|
  const rangeRegex = /([A-J])([1-9][0-9]?):([A-J])([1-9][0-9]?)/gi;
 | 
						|
  const rangeFromString = (n1, n2) => range(n1, n2);
 | 
						|
};
 | 
						|
 | 
						|
 | 
						|
</script>
 | 
						|
```
 | 
						|
 | 
						|
# --solutions--
 | 
						|
 | 
						|
```html
 | 
						|
<script>
 | 
						|
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, (_, arg1, fn, arg2) =>
 | 
						|
    infixToFunction[fn](parseFloat(arg1), parseFloat(arg2))
 | 
						|
  );
 | 
						|
 | 
						|
const highPrecedence = str => {
 | 
						|
  const regex = /([0-9.]+)([*\/])([0-9.]+)/;
 | 
						|
  const str2 = infixEval(str, regex);
 | 
						|
  return str === str2 ? str : highPrecedence(str2);
 | 
						|
};
 | 
						|
 | 
						|
const spreadsheetFunctions = {
 | 
						|
  "": x => x
 | 
						|
};
 | 
						|
 | 
						|
const applyFn = str => {
 | 
						|
  const noHigh = highPrecedence(str);
 | 
						|
  const infix = /([0-9.]+)([+-])([0-9.]+)/;
 | 
						|
  const str2 = infixEval(noHigh, infix);
 | 
						|
  const regex = /([a-z]*)\(([0-9., ]*)\)(?!.*\()/i;
 | 
						|
  const toNumberList = args => args.split(",").map(parseFloat);
 | 
						|
  const applyFunction = (fn, args) =>
 | 
						|
    spreadsheetFunctions[fn.toLowerCase()](toNumberList(args));
 | 
						|
  return str2.replace(
 | 
						|
    regex,
 | 
						|
    (match, fn, args) =>
 | 
						|
      spreadsheetFunctions.hasOwnProperty(fn.toLowerCase()) ? applyFunction(fn, args) : match
 | 
						|
  );
 | 
						|
};
 | 
						|
 | 
						|
const range = (start, end) =>
 | 
						|
  start > end ? [] : [start].concat(range(start + 1, end));
 | 
						|
 | 
						|
const charRange = (start, end) =>
 | 
						|
  range(start.charCodeAt(0), end.charCodeAt(0)).map(x =>
 | 
						|
    String.fromCharCode(x)
 | 
						|
  );
 | 
						|
 | 
						|
const evalFormula = x => {
 | 
						|
  const rangeRegex = /([A-J])([1-9][0-9]?):([A-J])([1-9][0-9]?)/gi;
 | 
						|
  const rangeFromString = (n1, n2) => range(parseInt(n1), parseInt(n2));
 | 
						|
};
 | 
						|
</script>
 | 
						|
```
 |