125 lines
		
	
	
		
			1.5 KiB
		
	
	
	
		
			Markdown
		
	
	
	
	
	
			
		
		
	
	
			125 lines
		
	
	
		
			1.5 KiB
		
	
	
	
		
			Markdown
		
	
	
	
	
	
---
 | 
						|
id: 5d792532b07918c3a5904913
 | 
						|
title: Part 005
 | 
						|
challengeType: 0
 | 
						|
isBeta: true
 | 
						|
---
 | 
						|
 | 
						|
## Description
 | 
						|
<section id='description'>
 | 
						|
 | 
						|
Anonymous functions are functions without names - they are used only once and then forgotten. The syntax is the same as for normal functions but without the name:
 | 
						|
 | 
						|
```js
 | 
						|
function(x) {
 | 
						|
  return x
 | 
						|
}
 | 
						|
```
 | 
						|
 | 
						|
First, remove the `addVar` definition.
 | 
						|
 | 
						|
</section>
 | 
						|
 | 
						|
## Instructions
 | 
						|
<section id='instructions'>
 | 
						|
 | 
						|
 | 
						|
</section>
 | 
						|
 | 
						|
## Tests
 | 
						|
<section id='tests'>
 | 
						|
 | 
						|
```yml
 | 
						|
tests:
 | 
						|
  - text: See description above for instructions.
 | 
						|
    testString: assert(!code.replace(/\s/g, "").includes("constaddVar=add"));
 | 
						|
 | 
						|
```
 | 
						|
 | 
						|
 | 
						|
</section>
 | 
						|
 | 
						|
## Challenge Seed
 | 
						|
<section id='challengeSeed'>
 | 
						|
 | 
						|
<div id='html-seed'>
 | 
						|
 | 
						|
```html
 | 
						|
<script>
 | 
						|
 | 
						|
function add(x, y) {
 | 
						|
  return x + y;
 | 
						|
}
 | 
						|
 | 
						|
const addVar = add;
 | 
						|
 | 
						|
const infixToFunction = {};
 | 
						|
 | 
						|
 | 
						|
</script>
 | 
						|
```
 | 
						|
 | 
						|
</div>
 | 
						|
 | 
						|
 | 
						|
### Before Test
 | 
						|
<div id='html-setup'>
 | 
						|
 | 
						|
```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>
 | 
						|
```
 | 
						|
 | 
						|
</div>
 | 
						|
 | 
						|
 | 
						|
### After Test
 | 
						|
<div id='html-teardown'>
 | 
						|
 | 
						|
```html
 | 
						|
</body>
 | 
						|
</html>
 | 
						|
```
 | 
						|
 | 
						|
</div>
 | 
						|
 | 
						|
 | 
						|
 | 
						|
</section>
 | 
						|
 | 
						|
## Solution
 | 
						|
<section id='solution'>
 | 
						|
 | 
						|
```html
 | 
						|
<script>
 | 
						|
function add(x, y) {
 | 
						|
  return x + y;
 | 
						|
}
 | 
						|
 | 
						|
const infixToFunction = {};
 | 
						|
</script>
 | 
						|
```
 | 
						|
 | 
						|
</section>
 |