ご質問は何ですか？
JavaScript初学者です。
htmlページのボタンを押したときにイベントが発生するということをしたいです。
ボタンを押した場合そのボタンの近くに写真(.jpg)が追加されるというものを作成したいです。(本当はボタンではなくどこでもクリックすれば追加されるということがやりたいのですが、いくつか調べた感じではできなさそうだったのでボタンにしています。ボタンを使わず、マウスの場所にクリックで写真を追加する方法がある場合は教えていただきたいです。)
html
<html lang = "ja" > <head></head> <body> <button id = "btn">bottun</button> </body> <script> let Pic = function(){ this.image = new Image(); this.image.style.position = "fixed" } let Pic1 = function(){ Pic.apply(this,arguments); this.x = 0; this.y = 0; this.image.src = "picture.jpg" } window.onload = function(){ pic = new Pic1() document.body.appendChild(pic.image) document.getElementById("btn").onclick = MouseClick; } function MouseClick(e){ pic.x = (e.clientX - pic.image.width /2) pic.y = (e.clientY - pic.image.height/2) } </script> </html>
以上がコードなのですがイベントの関数が作動せずボタンをクリックしても何も起こらないです。
有識者の方に助言してもらえればうれしいです。
ご提示のコードを試してみましたが、クリックすると関数が実行されました。
おそらく、ご提示の部分には原因はなさそうに思います。
ご提示いただいていない部分に原因があるか、問題の共有が上手くできていないと思います。
問題再現の手順をもう少し詳しく書いていただけますか？
ありがとうございます。ほかの方の回答で直したのですが、治らなかったのでコードをもう少し詳細に書こうと思います。
まだ回答がついていません
会員登録して回答してみよう
