※ ChatGPTを利用し、要約された質問です（原文：リセット動作）
リセット動作を使ってHTMLとJavaScriptで画像を上乗せ表示する方法
このQ&Aのポイント
HTMLとJavaScriptを使って、画像を上乗せ表示する方法について説明します。
リセット処理を行う際に、他の部分の表示が消去されないようにする方法について教えます。
具体的な処理コードを示しながら、問題の解決方法を解説します。
HTML、javaScript とも初心者です。
ベース画像に別の画像を上乗せした後、
その箇所の表示をベース画像だけに戻すためにリセット処理すると、
他の部分の表示が消去されてしまいます。
消去されないようにする方法を教えてください。
実際の処理：
<form>
<input type="button" value="RESET" onclick="rst">
</form>
<script type="text/javascript">
function rst() {
document.write("<img src='baseimage.png' style='position:absolute;top:100px;left:150px'>");
}
</script>
これを実行すると、baseimage の表示だけが残り、他の部分が消去されてしまいます。
消去されないようにする方法を教えてください。
よろしくお願いいたします。
お礼
ご回答をお寄せいただきありがとうございます。 すごいです。私も目的を達成できることを確認しました。 改めて感謝いたします。