質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.50%
JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

Q&A

0回答

294閲覧

3つの文字を連続で移動させるhtml

rink

総合スコア80

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

0グッド

2クリップ

投稿2018/10/13 15:34

前提・実現したいこと

java初心者で、今回が初めての質問です。至らないところがあると思いますが、よろしくおねがいします。
3つの文字(UとSとA )を指定の場所に飛ばしたいです。

発生している問題・エラーメッセージ

一文字目はうまく移動するのですが、2文字目をどうすればよいかが分かりません。

### 該当のソースコード public static void main(String args[]) { double x, y, x_speed, y_speed; double g; int r,c; g = -10; r = 10000; c = 0; x = 0; y = 100000; x_speed = 800; y_speed = 0; System.out.print("<html><head><style type=\"text/css\">#flyingObject { position:absolute; left:0px; top:30px; width:3em; }#catchObject { position:absolute; left:0px; top:30px; width:3em; }</style><script type=\"text/javascript\">var flyobj = null;var catobj = null;var count = 0;var distmax = 140000;var hmax = 100000;var theoval = 113137.08498984762;var movedata = new Array("); while( y >= 0 ) { y_speed = y_speed + g/r; x = x + x_speed/r; y = y + y_speed/r; c++; if( c == r ) { System.out.print("" + x + "," + (100000-y) + ",\n"); c = 0; } } System.out.print("" + x + "," + (100000-y) + ""); /* System.out.print("estimated distance = " + x + "\n"); */ System.out.print("); function doAnimLoop() { flyobj.style.left = parseFloat(movedata[count])*800/distmax + 'px'; flyobj.style.top = parseFloat(movedata[count+1])*400/hmax + 'px'; count+=2; if( count < movedata.length ) { setTimeout(doAnimLoop,20); } else { if( (parseFloat(movedata[count-2]) - theoval > 3) || (parseFloat(movedata[count-2]) - theoval < -3) ) { flyobj.style.background = 'red'; } else { flyobj.style.background = 'transparent'; } }}function doAnimStart() { flyobj = document.getElementById('flyingObject'); flyobj.style.left='0px'; flyobj.style.top='0px'; catobj = document.getElementById('catchObject'); catobj.style.left=theoval*800/distmax +'px'; catobj.style.top=400+'px'; doAnimLoop();}window.onload = doAnimStart;</script></head><body><div id=\"flyingObject\">A</div><div id=\"catchObject\"> </div></body></html>"); return; } ```ここに言語名を入力  JavaScript html

試したこと

このhtmlは空白のcatchobject に向かってAという文字が飛んでいくhtmlです。これを、3つの文字が飛ぶようにしたいです。

補足情報(FW/ツールのバージョンなど)

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

kei344

2018/10/13 15:40

java と JavaScript は別言語です。タグの設定を間違っていませんか?
rink

2018/10/13 15:48

記載したプログラムは正常に動くので、問題ないと思います。javaの中で、htmlを用いる際にJavaScriptが入っているのだと思います。
kei344

2018/10/13 16:00

少なくとも「java」のタグを追加されてはいかがでしょう。
m.ts10806

2018/10/13 20:44

固定値使ってるこの内容だとJavaで組む意味が全くないような。まずは普通にhtmlファイルにJavaScript埋め込んで想定通りに動くように作ってからJava側で出力されては。
m.ts10806

2018/10/13 20:46

静的HTMLで動かなければJavaで出力したhtmlコードでも動きません。
rink

2018/10/14 03:30

kei344さん、mts10806さんありがとうございます。htmlについて違った考えを持っていたことに気づきました。素早いご回答ありがとうございます!!
m.ts10806

2018/10/14 04:04

回答ではなく追記修正依頼なので、質問本文を適宜修正してください
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだ回答がついていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.50%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問