JavaScriptで得た変数をvalueに埋め込みたい

JavaScriptで出した座標をテキストボックスに書き込んだ状態にしたい

php
1<form method="post" action="demo.php" >
2    <p>
3        座標
4        <input type="text" value="zahyou" name="name">
5    </p>
6    <input type="submit" value="submit">

javascript
1<script>
2document.getElementById( "target" ).onclick = function( event ) {
3var kimetu = event.pageX ; // 水平の位置座標
4var yaiba = event.pageY ; // 垂直の位置座標
5
6alert(kimetu + ":" + yaiba); // 確認のためアラート表示
7
8}
9</script>

demophp
1<!DOCTYPE html>
2<html>
3<head>
4<meta charset="utf-8">
5<title>check</title>
6</head>
7<body>
8<?php
9$name = $_POST['name'];
10?>
11<p>座標 <?php echo $name ?></p>
12</body>
13</html>

行動規範の内容に同意します

回答1件

ベストアンサー

html
1<script>
2document.getElementById( "target" ).addEventListener('click', function(event) {
3    var kimetu = event.pageX ; // 水平の位置座標
4    var yaiba = event.pageY ; // 垂直の位置座標
5    document.getElementsByName('name')[0].value = kimetu + ":" + yaiba;
6});
7</script>