JSで任意の位置に文字をランダムで表示させたい。

質問

プログラム初心者です。

javascriptで乱数を発生させて文字をランダムで表示することは
document.writeを使ってできたのですが、その文字の位置を自分の動かしたい位置に持っていくためにはどうすればいいでしょうか?教えてください。

回答No.1

yambejp · ベストアンサー

予め用意しておいたdivやspanにidを振っておき、
document.getElementById('hoge').innerHTMLに値を代入してください

test<br>
test<br>
<div id="hoge"></div>
test<br>
test<br>
<script>
var v=Math.random();
document.getElementById("hoge").innerHTML=v;
</script>

お礼

すばやい回答ありがとうございます。
お陰様でできました!!

回答No.2

fujillin

なさりたいことの意味がよく理解できていませんが…

＞その文字の位置を自分の動かしたい位置に持っていくためにはどうすればいいでしょうか
どうやって指定するかにもよりますが、一般的なＵＩとしてドラッグで移動するというものが考えられます。

ドラッグの一例
（実際は文字を移動というより、div要素を移動していますが）
http://clonedoppelganger.net/javascript/Draggable.html

方法は結構面倒です。
ライブラリなどもいろいろあるかと思いますので、それらを利用すればだいぶ簡単になります。
javascript dragあたりをキーにぐぐってみるか、参考サイトで取り上げられているdraggableを手掛かりにするなどで研究してみてください。

というか、その前にどういう条件でどこに移動するのかというイメージを持ってください。（ドラッグはその一方法ですから）
「自分の動かしたい位置に持っていく」というのはどうやってなのでしょう。（まさか念力でということでもないでしょう）
それから、それを実現するにはどうしたらよいかを考えることになろうかと思います。