Javascript と HTML5 を使用してこれをコーディングするには、助けが必要です。お知らせ下さい!
<HTML>
<HEAD>
<SCRIPT language="javascript">
function Add() {
if (document.getElementById('amount').value < 100){
document.getElementById('amount').value++;
newIMG = document.createElement("IMG");
newIMG.src = 'jef-frog.gif';
newIMG.width = 50;
newIMG.height = 50;
document.getElementById("imagedest").appendChild(newIMG);
}
}
function Remove() {
if(document.getElementById('amount').value > 0)
document.getElementById('amount').value--;
imagedest.removeChild(imagedest.lastChild);
}
function numeralsOnly(evt) {
evt = (evt) ? evt : event;
var charCode = (evt.charCode) ? evt.charCode : ((evt.keyCode) ? evt.keyCode :
((evt.which) ? evt.which : 0));
if (charCode > 31 && (charCode < 48 || charCode > 57)) {
return false;
}
return true;
}
</SCRIPT>
</HEAD>
<BODY>
<H2>TESTING</H2>
PREY
<BR/>
<img src="jef-frog.gif" alt="frogsonice.com" width="100" height="100"/>
<BR/>
<FORM>
<INPUT type="button" value="+" onClick="Add()">
<input type="text" id="amount" value=0 maxlength="3" size="1" onkeypress="return numeralsOnly(event)">
<INPUT type="button" value="-" onClick="Remove()">
<div id='imagedest'>
</div>
</FORM>
</BODY>
</HTML>
コードをテストしました。<div>
タグに表示されますが、上記で作成したキャンバスに表示するようにしたいと考えています。キャンバスに物をキャプチャする方法がわかりません。誰でも助けることができますか?