webかたつむり ウェブデザインを勉強中 ウェブ初心者のおぼえがき

webかたつむり

ウェブデザインを勉強中

2016-05-16から1日間の記事一覧

プログラム実行テスト 4

console box 上段が、i console box 下段が、i.innerHTML <body><h1>プログラム実行テスト</h1><p id="top">第1段落</p><p id="contents">第2段落</p><p id="button">第3段落</p><script>var i=document.getElementById('button');console.log(i);console.log(i.innerHTML);</script></body>

プログラム実行テスト 3

getElementById().innerHTML= でいままで出てきた。 IdはHTMLにひとつだから、element tagはタグ付けした数だけ複数存在できるから、elements <body><h1>プログラム実行テスト</h1><p>第1段落</p><p>第2段落</p><p>第3段落</p><script>var ps=document.getElementsByTagName('p');//複数ある=すでに配列</script></body>…

プログラム実行テスト 2

先頭にある「p」にかかれている内容は、「第1段落」 <body><h1>プログラム実行テスト</h1><p>第1段落</p><p>第2段落</p><p>第3段落</p><script>var ps=document.getElementsByTagName('p');//複数ある=すでに配列になっているconsole.log(ps[0].innerHTML);//配列の一番目、インデックス0番目のp</script></body>

プログラム実行テスト 1

それは、眼の前に広がる風景のよう… それは、眼の前にいるあなたみたい… それがオブジェクト。 「p」にさえいろいろなことが、含まれている。含むことができる。 <body><h1>プログラム実行テスト</h1><p>第1段落</p><p>第2段落</p><p>第3段落</p><script>var ps=document.getElementsByTagName('p');cons</script></body>…

オブジェクト指向 ソフトウェア

Jeff Goodell : そもそもオブジェクト指向ソフトウェアとは何か、簡単な用語で説明していただけますか? Steve Jobs : オブジェクトとは人間のようなものだ。生きていて、何をどうすべきかという知識を自分の中に取り込み、物事を覚えていられるようにメモリ…

クリック 画像置換 課題:05-10

Q10 いろいろ調べて、記述してみました…が 画像ファイル名を任意に設定する方法はないものかと。 この場合は、ファイル名が0から始まるという縛りがあります。 CSSに cursor:pointer; を記述するとそれっぽいね。 CSSのリセットを忘れるとバチが当たるね。 <html lang="ja"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Q</title></meta></meta></head></html>…

おみくじ 課題:05-08

Q8 「else if」を「if else」と書いてロスタイム。 if文は記述の方法を変えたほうがいいのかもしれない。 <html lang="ja"><head><meta charset="utf-8"><title>Q8</title><script>function kuji(){ var rdm=Math.random();if(rdm<0.25){ document.getElementById('ans').innerHTML='本日の運勢は、大吉です。';}else if(rdm>=0.2</meta></head></html>…

年月日 曜日の表示 課題:05-05

Q5 dを書き忘れてロスタイム。しょっちゅうやっているね… <script> var d=new Date();var year=d.getFullYear();var month=d.getMonth()+1;var date=d.getDate(); var dayIndex=d.getDay();var week=new Array('日曜日', '月曜日', '火曜日', '水曜日', '木曜日', '…

7の倍数 判定 課題:05-03

Q3 論理演算子の整理。「and」=「&&」、「 or」=「||」、「 not」=「!」 比較演算子の確認。 「等しくない」=「!=」 余りを、列挙しているのはおしゃれでない。いい方法を聞く。 if , else if, else文は最後の波括弧に「;(セミコロン)」をつける。 <html lang="ja"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width initial-scale=1.0"><title></title></meta></meta></head></html>…

MouseOver 画像置換 課題:05-01

Q01 ポイントは、メイン画像にname属性をつけること。 id , class はCSSを使うようになってからのやり方、だそう。 name 属性は旧式のやり方。 要素の値を使うときは、name属性を使う。 onMouseOver="mainImg.src='abc.jpg`" ダブルクオーテーションの中は、…