送信ボタンを隠そうとしましたが、動作しませんでした。私はテストするためにいくつかのアラートを書いたが、それは決してクリックイベントに入っていないことが分かった。誰かが私の間違いがどこにあるか教えてもらえますか?どうもありがとう!Clickイベントで入力タイプを隠すJavascript
<!DOCTYPE html>
<head>
<title>Dindin</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
</head>
<body>
<div class="play">
<p>What's your name?</p>
<br><input type="text" name="name">
<p>What time are you going to dinner?</p>
<br><input type="time" name="time">
<br><input type='submit' value='Submit'>
</div>
<script>
alert("Hello");
$('input:submit').click(function() {
alert("Into click");
storeInfo();
showResult();
$('.play').html("<input type='submit'value='Booked!'");
}
var answers= [];
var storeInfo = function() {
alert("Into storeInfo");
$('input:submit').hide();
answers.push([$('input:text').val(), $('input:time').val()]);
var time = $('#time');
}
var showResult = function() {
alert("Into showResult");
$('.play').html('These are the people going to dinner near your time:');
for (var i = 0; i < answers.length; i++) {
if (Math.abs(answers[i][1] - time)/1000 =< 10000) {
$('.play').html('<br>'+answers[i][0]+' '+answers[i][1]);
}
}
}
</script>
</body>
JSにエラーがあり、JSが実行されません。ブラウザのコンソールログ(F12)を見て、エラーを修正してください。例えば、 'var answers = [];の前の行は'} 'でなく'} 'でなければなりません –