Hallo Leute, sehe vor lauter Bäumen den Wald nicht mehr:
Folgender Code erzeugt auf Knopfdruck einen dynamischen Button, der allerdings nicht auf Knopfdruck reagiert. Wie codiere ich richtig?
- - - Aktualisiert - - -
Uuups. Hääte ich ma' gleich die API konsultiert. So funktionerts:
Folgender Code erzeugt auf Knopfdruck einen dynamischen Button, der allerdings nicht auf Knopfdruck reagiert. Wie codiere ich richtig?
Code:
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="utf-8">
<title>Chess</title>
<link rel="stylesheet" href="chess.css">
<link rel="shortcut icon" href="chess.ico">
<link rel="stylesheet" href="https://code.jquery.com/ui/1.10.0/themes/base/jquery-ui.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://code.jquery.com/ui/1.10.0/jquery-ui.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui-touch-punch/0.2.2/jquery.ui.touch-punch.min.js"></script>
<script src="chess.min.js"></script>
</head>
<body>
<div id="help">
<ul>
<li>Click Button in order to activate board and game. U'll be white player!</li>
<li>Moves can be made by dragging the pieces on the board, or by clicking the move links in the right panel.</li>
</ul>
</div>
<div id="X">
<input type="button" name="Start" value="Start Game" id="start">
</div>
<center><h1>ChessEngine using MinMax-Algorithm</h1></center>
<div id="content">
<div id="chessboard" role="main"></div>
<div id="moves"></div>
<div id="clear"></div>
</div>
<div id="footer"></div>
<div id="dim"></div>
<script>
$('input[name=Start]')
.click(
function ()
{
$(this).hide();
$(makeChessGame);
var $btn = $('<input/>').attr({type: 'button', name: 'myButton', value: 'Restart Game', name: 'restart'});
$("#X").append($btn);
}
);
$('input[name=restart]')
.click(
function ()
{
alert();
}
);
</script>
</body>
</html>
- - - Aktualisiert - - -
Uuups. Hääte ich ma' gleich die API konsultiert. So funktionerts:
Code:
<script>
$('input[name=Start]')
.click(
function ()
{
$(this).hide();
$(makeChessGame);
var $btn = $('<input/>').attr({type: 'button', name: 'myButton', value: 'Restart Game', name: 'restart'});
$("#X").append($btn);
}
);
$(document).on("click", "#X", function () {
alert("Goodbye!"); // jQuery 1.7+
});
</script>
Zuletzt bearbeitet von einem Moderator: