LoginSignup
gachihin-001
@gachihin-001

Are you sure you want to delete the question?

Leaving a resolved question undeleted may help others!

html上でウェブページ左半分のどこかしらをクリックしたときに文章を表示する

解決したいこと

html上でウェブページ左半分のどこかしらをクリックしたときに文章を表示する(document.body.clientWidthを用いて)。というプログラミングを書きたいのですが、左半面の情報を取得する方法が分からなく質問させていただきます。

下プログラムの

ここを押してください

を変えればウェブページの左側の情報を与えられると考えているのですが、どのように表記すればいいのかわからないので、誰か教えてください。

    <div id ="text-button">
        <center><button>ここを押してください</button></center>
    </div>

    
    <script>
    const left = "左側をクリックしたよ"
        document.getElementById("text-button").onclick = function(){
            const num = Math.random();
            document.getElementById("text").innerHTML = left;
        }
        };
    </script>
</body>
0

1Answer

 onclick = function(event) 

onclickに渡す関数に引数を設定してあげればクリック時の情報が取得できます
event.clientX と event.clientY にクリック時のカーソルの位置が入っているので、あとは画面半分の大きさと比較するだけです

2

Comments

  1. @gachihin-001

    Questioner

    参考にさせていただきます。ありがとうございます。

Your answer might help someone💌