@@ -59,7 +62,7 @@ inputElement.addEventListener('compositionend', (event) => {
```css hidden
body {
- padding: .2rem;
+ padding: 0.2rem;
display: grid;
grid-template-areas: "control log";
}
@@ -76,12 +79,13 @@ body {
resize: none;
}
-label, button {
+label,
+button {
display: block;
}
input[type="text"] {
- margin: .5rem 0;
+ margin: 0.5rem 0;
}
kbd {
@@ -95,20 +99,20 @@ kbd {
```js
const inputElement = document.querySelector('input[type="text"]');
-const log = document.querySelector('.event-log-contents');
-const clearLog = document.querySelector('.clear-log');
+const log = document.querySelector(".event-log-contents");
+const clearLog = document.querySelector(".clear-log");
-clearLog.addEventListener('click', () => {
- log.textContent = '';
+clearLog.addEventListener("click", () => {
+ log.textContent = "";
});
function handleEvent(event) {
- log.textContent = log.textContent + `${event.type}: ${event.data}\n`;
+ log.textContent = log.textContent + `${event.type}: ${event.data}\n`;
}
-inputElement.addEventListener('compositionstart', handleEvent);
-inputElement.addEventListener('compositionupdate', handleEvent);
-inputElement.addEventListener('compositionend', handleEvent);
+inputElement.addEventListener("compositionstart", handleEvent);
+inputElement.addEventListener("compositionupdate", handleEvent);
+inputElement.addEventListener("compositionend", handleEvent);
```
#### 結果
diff --git a/files/ja/web/api/element/compositionstart_event/index.md b/files/ja/web/api/element/compositionstart_event/index.md
index 81288f17ec762d..ce4548c034b4b5 100644
--- a/files/ja/web/api/element/compositionstart_event/index.md
+++ b/files/ja/web/api/element/compositionstart_event/index.md
@@ -1,5 +1,5 @@
---
-title: 'Element: compositionstart イベント'
+title: "Element: compositionstart イベント"
slug: Web/API/Element/compositionstart_event
---
@@ -35,7 +35,7 @@ slug: Web/API/Element/compositionstart_event
```js
const inputElement = document.querySelector('input[type="text"]');
-inputElement.addEventListener('compositionstart', (event) => {
+inputElement.addEventListener("compositionstart", (event) => {
console.log(`generated characters were: ${event.data}`);
});
```
@@ -46,8 +46,11 @@ inputElement.addEventListener('compositionstart', (event) => {
```html
@@ -59,7 +62,7 @@ inputElement.addEventListener('compositionstart', (event) => {
```css hidden
body {
- padding: .2rem;
+ padding: 0.2rem;
display: grid;
grid-template-areas: "control log";
}
@@ -76,12 +79,13 @@ body {
resize: none;
}
-label, button {
+label,
+button {
display: block;
}
input[type="text"] {
- margin: .5rem 0;
+ margin: 0.5rem 0;
}
kbd {
@@ -95,20 +99,20 @@ kbd {
```js
const inputElement = document.querySelector('input[type="text"]');
-const log = document.querySelector('.event-log-contents');
-const clearLog = document.querySelector('.clear-log');
+const log = document.querySelector(".event-log-contents");
+const clearLog = document.querySelector(".clear-log");
-clearLog.addEventListener('click', () => {
- log.textContent = '';
+clearLog.addEventListener("click", () => {
+ log.textContent = "";
});
function handleEvent(event) {
- log.textContent = log.textContent + `${event.type}: ${event.data}\n`;
+ log.textContent = log.textContent + `${event.type}: ${event.data}\n`;
}
-inputElement.addEventListener('compositionstart', handleEvent);
-inputElement.addEventListener('compositionupdate', handleEvent);
-inputElement.addEventListener('compositionend', handleEvent);
+inputElement.addEventListener("compositionstart", handleEvent);
+inputElement.addEventListener("compositionupdate", handleEvent);
+inputElement.addEventListener("compositionend", handleEvent);
```
#### 結果
diff --git a/files/ja/web/api/element/compositionupdate_event/index.md b/files/ja/web/api/element/compositionupdate_event/index.md
index 69ea5adb4df99e..fb24020ccf965f 100644
--- a/files/ja/web/api/element/compositionupdate_event/index.md
+++ b/files/ja/web/api/element/compositionupdate_event/index.md
@@ -1,5 +1,5 @@
---
-title: 'Element: compositionupdate イベント'
+title: "Element: compositionupdate イベント"
slug: Web/API/Element/compositionupdate_event
---
@@ -35,7 +35,7 @@ slug: Web/API/Element/compositionupdate_event
```js
const inputElement = document.querySelector('input[type="text"]');
-inputElement.addEventListener('compositionupdate', (event) => {
+inputElement.addEventListener("compositionupdate", (event) => {
console.log(`generated characters were: ${event.data}`);
});
```
@@ -46,8 +46,11 @@ inputElement.addEventListener('compositionupdate', (event) => {
```html
-
-
+
+
@@ -59,7 +62,7 @@ inputElement.addEventListener('compositionupdate', (event) => {
```css hidden
body {
- padding: .2rem;
+ padding: 0.2rem;
display: grid;
grid-template-areas: "control log";
}
@@ -76,12 +79,13 @@ body {
resize: none;
}
-label, button {
+label,
+button {
display: block;
}
input[type="text"] {
- margin: .5rem 0;
+ margin: 0.5rem 0;
}
kbd {
@@ -95,20 +99,20 @@ kbd {
```js
const inputElement = document.querySelector('input[type="text"]');
-const log = document.querySelector('.event-log-contents');
-const clearLog = document.querySelector('.clear-log');
+const log = document.querySelector(".event-log-contents");
+const clearLog = document.querySelector(".clear-log");
-clearLog.addEventListener('click', () => {
- log.textContent = '';
+clearLog.addEventListener("click", () => {
+ log.textContent = "";
});
function handleEvent(event) {
- log.textContent = log.textContent + `${event.type}: ${event.data}\n`;
+ log.textContent = log.textContent + `${event.type}: ${event.data}\n`;
}
-inputElement.addEventListener('compositionstart', handleEvent);
-inputElement.addEventListener('compositionupdate', handleEvent);
-inputElement.addEventListener('compositionend', handleEvent);
+inputElement.addEventListener("compositionstart", handleEvent);
+inputElement.addEventListener("compositionupdate", handleEvent);
+inputElement.addEventListener("compositionend", handleEvent);
```
#### 結果
diff --git a/files/ja/web/api/element/fullscreenchange_event/index.md b/files/ja/web/api/element/fullscreenchange_event/index.md
index 20685893063936..74c4066aa6fb41 100644
--- a/files/ja/web/api/element/fullscreenchange_event/index.md
+++ b/files/ja/web/api/element/fullscreenchange_event/index.md
@@ -21,9 +21,9 @@ l10n:
このイベント名を {{domxref("EventTarget.addEventListener", "addEventListener()")}} などのメソッドで使用するか、イベントハンドラープロパティを設定するかしてください。
```js
-addEventListener('fullscreenchange', (event) => { });
+addEventListener("fullscreenchange", (event) => {});
-onfullscreenchange = (event) => { };
+onfullscreenchange = (event) => {};
```
## イベント型
@@ -52,7 +52,7 @@ onfullscreenchange = (event) => { };
### JavaScript
```js
-function fullscreenchanged (event) {
+function fullscreenchanged(event) {
// document.fullscreenElement は、全画面モードにある要素があれば
// それを指します。要素がなければ、このプロパティの値は null に
// あります。
diff --git a/files/ja/web/api/element/getelementsbytagname/index.md b/files/ja/web/api/element/getelementsbytagname/index.md
index 748e441ba21092..141f9c41174e0c 100644
--- a/files/ja/web/api/element/getelementsbytagname/index.md
+++ b/files/ja/web/api/element/getelementsbytagname/index.md
@@ -28,7 +28,7 @@ getElementsByTagName(tagName)
### 返値
-*生きた* {{domxref("HTMLCollection")}} で、タグ名が一致する要素が出現順で入ります。要素が見つからなかった場合は `HTMLCollection` は空になります。
+_生きた_ {{domxref("HTMLCollection")}} で、タグ名が一致する要素が出現順で入ります。要素が見つからなかった場合は `HTMLCollection` は空になります。
## 例
diff --git a/files/ja/web/api/element/keydown_event/index.md b/files/ja/web/api/element/keydown_event/index.md
index 952875668b00e8..6f478f004da58b 100644
--- a/files/ja/web/api/element/keydown_event/index.md
+++ b/files/ja/web/api/element/keydown_event/index.md
@@ -34,7 +34,7 @@ eventTarget.addEventListener("keydown", (event) => {
```js
addEventListener("keydown", (event) => {});
-onkeydown = (event) => { };
+onkeydown = (event) => {};
```
## イベント型
@@ -90,7 +90,7 @@ _このインターフェイスには親である {{domxref("UIEvent")}} や {{d
この例では、 {{HtmlElement("input")}} 要素内でキーを押すたびに、 {{domxref("KeyboardEvent.code")}} 値を記録します。
```html
-
+
```
diff --git a/files/ja/web/api/element/keypress_event/index.md b/files/ja/web/api/element/keypress_event/index.md
index 44ac797d000bfc..bca0451e5fa9aa 100644
--- a/files/ja/web/api/element/keypress_event/index.md
+++ b/files/ja/web/api/element/keypress_event/index.md
@@ -78,7 +78,9 @@ _このインターフェイスには親である {{domxref("UIEvent")}} や {{d
```html
-
+
diff --git a/files/ja/web/api/element/keyup_event/index.md b/files/ja/web/api/element/keyup_event/index.md
index c1a9b061a95595..e42389d30a8441 100644
--- a/files/ja/web/api/element/keyup_event/index.md
+++ b/files/ja/web/api/element/keyup_event/index.md
@@ -88,7 +88,9 @@ _このインターフェイスには親である {{domxref("UIEvent")}} や {{d
この例では、 {{HtmlElement("input")}} 要素内でキーを離すたびに、 {{domxref("KeyboardEvent.code")}} 値を記録します。
```html
-
+
```
diff --git a/files/ja/web/api/element/nextelementsibling/index.md b/files/ja/web/api/element/nextelementsibling/index.md
index 3d243d287d7125..543b2653efa552 100644
--- a/files/ja/web/api/element/nextelementsibling/index.md
+++ b/files/ja/web/api/element/nextelementsibling/index.md
@@ -23,8 +23,8 @@ element = el.nextElementSibling;
Here is div-02