JavaScriptコミュの【質問】ポップアップ

大学の課題で以下のことをJavaScriptで作成することになりました。
　運悪くインフルエンザにかかってしまい全く授業に出ていない私は最初のポップアップの作り方がわかりません。先生に聞きにいこうとしたところ先生は外部からお呼びしているので週一でしか学校にいなく質問も出来ませんでした。
　作る内容は　　

?サイトを開くとポップアップがでてくる。
　そこにテストの科目数を入力する。
　　
?科目数を入力すると別のポップアップが出てくるようにする。
　そこにそれぞれの点数を入力する。
　入力したら合計点と平均点を表示させる。
　
?一番下に平均点６０点以上は「よくできました」　６０未満は「頑張りましょう」
と、ﾒｯｾｰｼﾞを表示させるようにする。

です。　　　
ソフトはTeraPadを使用しており下記まで出来ています。（全く出来ていませんが・・）
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<HTML>
<HEAD>
<META http-equiv="Content-Type"
content="text/html; charset=utf-8">
<TITLE>大学課題</TITLE>

<style type="text/css">
h1{
font-size: 16pt;
border-color: red;
border-style: solid none none solid;
border-width: 2px 0px 0px 20px;
color: red;
}

p{
font-size: 10pt;
color: gray;
}
</style>
</head>

<body>
<h1>テスト</h1>
<p>
<script type="text/javascript">
　
</script>
</p>
</body>
</html>

もし、お時間があるようでしたら私に指導・作り方伝授していただけないでしょうか。

不適切なスレッドでしたら削除いたします。

コメント(23)

最初
全て
最新の40件

[1] mixiユーザー 11月22日 09:42

まず。根本的にhtmlはアルファベットの小文字で統一することがweb標準化団体のW3Cより勧告されているので、大文字を小文字に訂正しましょう。
後はココを参照して下さい。　http://digit-01.com/ownpage/hp_pop_menu.html

[2] mixiユーザー 11月22日 09:55

#1 Jack Esperanzaさん：

小文字で、というのはXHTMLの仕様だったはずです。
提示されているのがHTMLなので大文字でも大丈夫ですね。

ただ、今後を考えると小文字で書いたほうがいいのは事実ですか。

[3] mixiユーザー 11月22日 10:04

>> 1
http://www.w3.org/TR/1999/REC-html401-19991224/about.html#h-1.2.1
> Element names are written in uppercase letters (e.g., BODY). Attribute names are
> written in lowercase letters (e.g., lang, onsubmit). Recall that in HTML, element
> and attribute names are case-insensitive; the convention is meant to encourage
> readability.
そのW3Cは大文字小文字の区別をしないと言っています。むしろ大文字で書いてます。
ちなみにelementを小文字にするのはXHTMLのときです。

[4] mixiユーザー 11月22日 10:07

ポップアップの呼び出し方がわからないの？
それとも２以降の条件分岐の式がわからないの？
ポップアップだったら

<script>
function popup(){
var subWin = window.open("http://www.yahoo.co.jp/");
}
</script>

で終わり。

[5] mixiユーザー 11月22日 12:05

http://mixi.jp/view_bbs.pl?id=36689420&comm_id=5048

[6] mixiユーザー 11月22日 12:35

Jack Esperanza さん
ご指摘ありがとうございます。　URL先を閲覧したのですが全くの初心者なので意味が分からなくて・・・

えどさん
そうなんですか！？では今後も考えて小文字にしたいと思います。

はぇ～さん
様々な書き方？が存在するんですね・・・
勉強になります。

チ～ノさん
その分は<
script type="text/javascript">
　
</script>
の中にいれればようのでしょうか？
本来は全て分からなくもしよろしければ教えていただけますか？

糸屯へ゜さん
スレ違いでしたでしょうか・・？

[8] mixiユーザー 11月22日 13:22

[9] mixiユーザー 11月22日 14:59

WAKOさん
ありがとうございます！！
非常に嬉しく声を出してしましました！！

[10] mixiユーザー 11月24日 13:29

上記でWAKOさんが作ってくださったｼﾞｬﾊﾞｽｸﾘﾌﾟﾄの一番最後の

合計点
平気点
よくできました／頑張りましょう

を、メイン画面に反映させる方法を教えていただけませんでしょうか？

[11] mixiユーザー 11月24日 13:48

innerText

[12] mixiユーザー 11月24日 14:13

MADさん
それを使うのでしょうか？

[13] mixiユーザー 11月24日 15:01

おっとFireFoxではinnerTextは使えないのか。
と言うわけでinnerHTMLをぐぐってみなされ。

[14] mixiユーザー 11月24日 15:28

MADさん
ご回答ありがとうございます！
ｸﾞｸﾞｯてきます！！

[15] mixiユーザー 11月24日 17:24

うう・・・
ググッてみたんですがよくわからず出来ませんでした；；
誰か作っていただけますでしょうか？

[16] mixiユーザー 11月24日 17:46

>> ニンニクラーメンさん

はじめまして。

作ってあげるのはかまわないのですが、ニンニクラーメンさんに
とってプラスにならないと思いますので、もう少し自助努力
してみてはいかがでしょう？

若いうちから他力本願がしみついてしまうと、社会に出てから
非常に苦労することになってしまうと思いますので･･･。
（実際、そういう人をたくさん見てきています）

ちなみに、「なぜよくわからないのか？」の原因を
ご自身では把握しておられますか？

[18] mixiユーザー 11月24日 18:21

keiさん
おっしゃる通りです。
自分は他力本願でmixiにてきいてしまいました。
私がわからない理由は基礎の欠落だと思っております。
今一度基礎からやり直してみます。

ひろリンさん
申し訳ございません。私は自分の知識がないからWebサイトを見てもわけが分からず的外れなことばかりして投げやりになり結局「mixiで聞けばいいや」と他力本願で自己のためにならないことをしてしまいました。
気づかせていただいて本当にありがとうございます。
document.writeの件なのですがaiertを変えるだけだとどうしても結果画面が変に表示されてしまいました。

[19] mixiユーザー 11月24日 18:35

調べてまいります!
気が付かせていただき本当にありがとうございます！
こんな自分にｺﾒﾝﾄをしていただきありがとうございました。
もし分からないことがあれば質問と言う形でｺﾒﾝﾄさしていただいてもよろしいでしょうか？

[21] mixiユーザー 11月24日 21:04

ひろリンさん
ありがとうございます！
無事に出来ました！

それとこれは課題に関係なく疑問に思ったことなのですが
１科目目の点数２科目目の点数をメイン画面に反映させる場合はdocument.writeを付ければよろしいのでしょうか？色々つけてみてもﾀﾞﾒで反映方法がこれしか分からなかったもので・・・
また７行目の「- 0」と言うのにはどのように意味合いがあるのでしょうか？

[22] mixiユーザー 11月24日 21:57

>> ニンニクラーメンさん

自助努力しようという心持ちになっていただけて
よかったです。ご質問の件ですが、

> １科目目の点数２科目目の点数をメイン画面に反映させる場合は
> document.writeを付ければよろしいのでしょうか？

実は、「メイン画面に反映させる」という文言がかなり抽象的です。
「反映」を「表示」に置き換えたとしても、新規に表示する場合、
既存のものを変更する場合、新たに追加する場合など、様々な
シチュエーションがあります。

まずは、「document.write」とは、そもそもなにを
する為の命令文なのかを調べてみて下さい。

次に、あるHTMLタグの中身を変える方法を調べてみて下さい。
（例）
<div id="test">ABC</div> を
<div id="test">DEF</div> に変更するには？

> ７行目の「- 0」と言うのにはどのように意味合いがあるのでしょうか？

まず、JavaScriptの「変数」と「型」について調べてみて下さい。
次に、文字列型の変数を整数型に変換する方法を調べてみて下さい。

JavaScriptを根本的な部分から理解したいのであれば、
もっと基礎的なことから勉強した方がよいのですが、
現時点では希望されている理解到達度が不明なので、
まずはこの辺りからでもよいかと思います。

ニンニクラーメンさんもお気付きの通り、なにごとも急がば回れ
ですので、結果を焦らずに基礎から勉強してみて下さい。
結果的にはそのほうが早いですし、応用力も身に付きますので･･･。

学校では表面的な結果さえ出していれば評価されますが、
仕事では基礎が身についていないとすぐに化けの皮が剥がれて
しまい、結果的に一番困るのはご自身です。

ご自身の努力力（努力する為の力）を信じて頑張って下さい