--- id: 5d792533ed00e75d129e1b18 title: Part 13 challengeType: 0 --- ## Description <section id='description'> `replace` is a higher order function because it can take a function as argument (higher order functions can also return functions). Pass the `+` function from `infixToFunction` to the `replace` method as the second argument. This is how you would pass the `-` function: ```js str.replace(regex, infixToFunction["-"]) ``` </section> ## Instructions <section id='instructions'> </section> ## Tests <section id='tests'> ```yml tests: - text: See description above for instructions. testString: assert(infixEval("ab", /(a)b/) === "aba"); ``` </section> ## Challenge Seed <section id='challengeSeed'> <div id='html-seed'> ```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, ""); </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> 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, infixToFunction["+"]); </script> ``` </section>