javascriptのtxtboxをクリアしたい

javascript
1<html>
2<body>
3<form name = "js">
4<p>身長(cm):<input type = "number"  id="height"></p>
5 <p>体重(kg):<input type = "number"  id="weight"></p>
6 <input type = "button" value="BMIを計算"  onclick = "bmi()">
7<input type = "button" value = "リセット" on click ="erase()"></p>
8</form>
9<div id=output></div>
10<script>
11
12   function bmi(){
13   output.innerHTML = calc();
14}
15 function calc(){
16   let h = Number(document.getElementById("height").value);
17   let w = Number(document.getElementById("weight").value);
18   let answer = Math.floor(w / ((h / 100)*(h / 100))); 
19   return answer;
20}
21
22function erase(){
23   let h = Number(document.getElementById("height").value)="";
24   let w = Number(document.getElementById("weight").value)="";
25  return answer;
26}
27 </script>
28</body>
29<html>
30```function erase(); 以降の記述でテキストボックスの内容をクリアしたい記述を書いてみたのですが、動作しません。
31どこに問題があるでしょうか？　ご教授いただければありがたいです。

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

回答4件

ベストアンサー

let h = Number(document.getElementById("height").value)="";

ちょっと意味不明
document.getElementById("height").value="";
するだけでよくないですか？

投稿2020/02/28 03:51

yambejp

総合スコア114839

yambejp

2020/02/28 03:52

calc()の方に引っ張られすぎですね answerもないし、return する必要もありません

m.ts10806

2020/02/28 04:24

onclickにするだけではちゃんと動かない可能性もありますね。

beginner001

2020/03/01 01:37

document.getElementById("height").value=""; でやったらうまくいきました。

beginner001

2020/03/01 01:42

yambejpさん、ありがとうございました。

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

on click=

clickという属性はなかったはず。

投稿2020/02/28 03:44

m.ts10806

総合スコア80850

beginner001

2020/03/01 01:42

うっかりしました。　onclickでした。ありがとうございました。

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

いろいろと問題はありますが、リセットするだけならスクリプトは不要です。

HTML
1 <input type="reset" />

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/reset

投稿2020/02/28 08:59

x_x

総合スコア13749

beginner001

2020/03/01 01:41

ご指摘の通りやってみました。うまくいきました、。ありがとうございました。

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

function bmi(){
output.innerHTML = calc();
}
function calc(){
let h = Number(document.getElementById("height").value);
let w = Number(document.getElementById("weight").value);
let answer = Math.floor(w / ((h / 100)*(h / 100)));
return answer;
}

function erase(){
document.getElementById("height").value="";
document.getElementById("weight").value="";
return answer;
}
</script>

</body> <html>

投稿2020/03/01 01:37

beginner001

総合スコア29