Skip to content

Commit

Permalink
オブジェクトの章を全面改訂
Browse files Browse the repository at this point in the history
  • Loading branch information
chvmvd committed Jul 29, 2024
1 parent 5c96f3c commit e1b4366
Show file tree
Hide file tree
Showing 18 changed files with 392 additions and 126 deletions.
2 changes: 1 addition & 1 deletion docs/1-trial-session/02-html/index.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -94,7 +94,7 @@ VS Code上で作成したファイルは`index.html`でした。しかしなが

`<a href="https://www.google.com/">~</a>`**`a`<Term>要素</Term>** です。<Term>開始タグ</Term>の中に`href="https://www.google.com/"`という部分があります。これが<Term>**属性**</Term>です。<Term>属性</Term>は、<Term>開始タグ</Term> の中に`属性名="値"`のように記述され、<Term>要素</Term>の特徴を表します。`a`<Term>要素</Term>の **`href`<Term>属性</Term>** は、ハイパーリンクのリンク先を表す<Term>属性</Term>です。

これにより、ハイパーリンクが設定されます。この例では`a`<Term>要素</Term>の中に`strong`<Term>要素</Term>が含まれています。このように、HTMLタグは<Term type="htmlNest">**ネスト**</Term>させることにより、効果を重ね掛けすることができます。
これにより、ハイパーリンクが設定されます。この例では`a`<Term>要素</Term>の中に`strong`<Term>要素</Term>が含まれています。このように、HTMLタグは<Term>**ネスト**</Term>させることにより、効果を重ね掛けすることができます。

![ネストされた要素](./nested-elements.png)

Expand Down

This file was deleted.

Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@
<html lang="ja">
<head>
<meta charset="utf-8" />
<title>Title</title>
<title>平均点</title>
</head>
<body>
<script src="./script.js"></script>
Expand Down
14 changes: 14 additions & 0 deletions docs/1-trial-session/11-object/_samples/average-score/script.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,14 @@
const student = {
name: "山田太郎",
age: 15,
email: "[email protected]",
scores: {
japanese: 90,
math: 70,
english: 80,
},
};

const averageScore =
(student.scores.japanese + student.scores.math + student.scores.english) / 3;
document.write(`平均点は${averageScore}点です。`);
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@
<html lang="ja">
<head>
<meta charset="utf-8" />
<title>Title</title>
<title>図書館</title>
</head>
<body>
<script src="./script.js"></script>
Expand Down
Original file line number Diff line number Diff line change
@@ -0,0 +1,13 @@
const book = {
title: "吾輩は猫である",
author: "夏目漱石",
price: 600,
availability: {
isAvailable: true,
location: "2階 E列",
},
};

document.write(`本は${book.availability.location}にあります。`); // 本は2階 E列にあります。
book.availability.location = "1階 A列";
document.write(`本は${book.availability.location}にあります。`); // 本は1階 A列にあります。
Original file line number Diff line number Diff line change
@@ -0,0 +1,10 @@
<!doctype html>
<html lang="ja">
<head>
<meta charset="utf-8" />
<title>図書館</title>
</head>
<body>
<script src="./script.js"></script>
</body>
</html>
Original file line number Diff line number Diff line change
@@ -0,0 +1,9 @@
const book = {
title: "吾輩は猫である",
author: "夏目漱石",
price: 600,
};

document.write(book.price);
book.price = 700;
document.write(book.price);
Original file line number Diff line number Diff line change
@@ -0,0 +1,10 @@
<!doctype html>
<html lang="ja">
<head>
<meta charset="utf-8" />
<title>図書館</title>
</head>
<body>
<script src="./script.js"></script>
</body>
</html>
Original file line number Diff line number Diff line change
@@ -0,0 +1,5 @@
const book = {
title: "吾輩は猫である",
author: "夏目漱石",
price: 600,
};

This file was deleted.

Loading

0 comments on commit e1b4366

Please sign in to comment.