イコール　= を押すとエラーが出る

ご質問失礼します。
今、サイトをみながら簡易電卓アプリを作っています。
1+2を押して=を押すと計算されるはずなのですがエラーが出ます。
Uncaught ReferenceError: return1 is not defined
at eval (eval at calc (Calc.html:15), <anonymous>:3:1)
at calc (Calc.html:26)
at HTMLButtonElement.onclick (Calc.html:35)

こんな感じです。

コードはこんな感じです。

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>電卓</title> </head> <body> <div>Hello webcalc!</div> <input/> <script> function update(_v) { document.querySelector('input').value = _v }

function append(_v)
{
  document.querySelector('input').value += _v
}

function calc()
{
  const v = document.querySelector('input').value
  const f = new Function('return' + v )
  update(f().toString() )
}

</script> <button onclick="append('1')" >1</button> <button onclick="append('2')" >2</button> <button onclick="append('3')" >3</button> <button onclick="append('+')" >+</button> <button onclick="append('-')" >-</button>

</body> </html>

もし分かる方がいらっしゃればご回答よろしくお願いします。

maisumakun

2020/08/11 22:21

「const f = new Function('return' + v )」は何を意図したコードなのでしょうか。

m.ts10806

2020/08/11 22:48

コードはマークダウンのcode機能を利用してご提示ください。あと、このコードは自身でどの程度理解されているのでしょうか？あまり理解度が低い状態でアドバイスを受けても理解できない部分が増えるだけで作業依頼と変わらないようになると思うのですけど

行動規範の内容に同意します

回答1件

ベストアンサー

calc()の文字列連結時にreturnのあとにスペースがないのが原因では？

javascript
1function calc()
2{
3const v = document.querySelector('input').value
4// 以下1+2と入力した場合
5//const f = new Function('return' + v ) // --> これだと"return1+2"という文字列になる
6const f = new Function('return ' + v ) // --> "return 1+2"
7update(f().toString() )
8}