私のHTMLにテキストを追加しようとしていて、submit()
が動作していないようです。私はまた、toLowerCase
は関数ではありませんjqueryから奇妙なメッセージを取得しています。他のすべてのスクリプトは、干渉がないことを確認するためにコメントアウトされています。送信機能が動作していないようです。
のjQuery:
var template = function(action){
return '<div class="event"><p>'+ action +'</p></div>'
};
var display = function(input){
var temp = input;
if(temp !== "") {
$('html').appendTo('.gameboard');
} else {
prompt("You need to imput an appropriate answer");
}
$('#action').val("");
};
var main = function(){
$('form').submit(function(){
var action = $('#action').val();
var input = action.toLowerCase();
var html = template(action);
display(action);
interact(input);
return false;
});
};
$(document).ready(main);
HTML:
<!DOCTYPE html>
<html>
<head>
<title>Lord of the Deahsticks</title>
<link href="css/text-game.css" rel="stylesheet" type="text/css">
</head>
<body>
<div class="info">
<h1 class="title">Lord of the Deathsticks</h1>
</div>
<div class="gameboard">
<div class="event">
<p>Hello this is the game!</p>
</div>
<div class="event">
<p>You are awoken by a sound...You need to get up already, you're going to be late for you shift at the slave factory!</p>
</div>
</div>
<form>
<input type="text" id="#action" name="what to do">
<input type="submit" name="button">
</form>
<script src="js/controllers/controller.js"></script>
<script src="js/model/characters.js"></script>
<script src="js/JQuery/jquery-3.1.0.js"></script>
<script src="js/JQuery/text-game-JQuery.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
</body>
</html>
あなたはいつもあなたが受けている正確なエラーメッセージを投稿する必要があります。重要で関連性の高い情報を伝える。 「うまくいかない」とか「奇妙なメッセージ」は役に立たない。 – Jacob