Skip to content

Commit dd3f300

Browse files
Josh-CenaJosh-Cena
committed
More fixes
1 parent dfeb171 commit dd3f300

File tree

8 files changed

+957
-1025
lines changed

8 files changed

+957
-1025
lines changed

‎files/en-us/web/api/canvasrenderingcontext2d/arcto/index.md

Lines changed: 659 additions & 673 deletions
Large diffs are not rendered by default.

‎files/en-us/web/api/document_object_model/examples/index.md

Lines changed: 255 additions & 302 deletions
Large diffs are not rendered by default.

‎files/en-us/web/api/keyboardevent/altkey/index.md

Lines changed: 18 additions & 29 deletions
Original file line numberDiff line numberDiff line change
@@ -19,37 +19,26 @@ A boolean value.
1919
## Examples
2020

2121
```html
22-
<!doctype html>
23-
<html lang="en-US">
24-
<head>
25-
<meta charset="utf-8" />
26-
<meta name="viewport" content="width=device-width" />
27-
<title>altKey example</title>
22+
<p>
23+
Press any character key, with or without holding down the ALT key.<br />
24+
You can also use the SHIFT key together with the ALT key.
25+
</p>
26+
<pre id="output"></pre>
27+
```
28+
29+
```js
30+
const output = document.getElementById("output");
2831

29-
<script>
30-
function showChar(e) {
31-
alert(
32-
"Key KeyDown: " +
33-
String.fromCharCode(e.charCode) +
34-
"\n" +
35-
"charCode: " +
36-
e.charCode +
37-
"\n" +
38-
"ALT key KeyDown: " +
39-
e.altKey +
40-
"\n",
41-
);
42-
}
43-
</script>
44-
</head>
32+
function showChar(e) {
33+
output.textContent =
34+
`Key KeyDown: ${String.fromCharCode(e.charCode)}
35+
charCode: ${e.charCode}
36+
ALT key KeyDown: ${e.altKey}
37+
`,
38+
);
39+
}
4540

46-
<body onkeydown="showChar(event);">
47-
<p>
48-
Press any character key, with or without holding down the ALT key.<br />
49-
You can also use the SHIFT key together with the ALT key.
50-
</p>
51-
</body>
52-
</html>
41+
document.addEventListener("keydown", showChar);
5342
```
5443

5544
## Specifications

‎files/en-us/web/api/keyboardevent/ctrlkey/index.md

Lines changed: 20 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -19,22 +19,26 @@ A boolean value.
1919
## Examples
2020

2121
```html
22-
<html lang="en">
23-
<head>
24-
<title>ctrlKey example</title>
25-
<script>
26-
function showChar(e) {
27-
alert(`Key Pressed: ${e.key}\nCTRL key pressed: ${e.ctrlKey}\n`);
28-
}
29-
</script>
30-
</head>
31-
<body onkeypress="showChar(event);">
32-
<p>
33-
Press any character key, with or without holding down the CTRL key.<br />
34-
You can also use the SHIFT key together with the CTRL key.
35-
</p>
36-
</body>
37-
</html>
22+
<p>
23+
Press any character key, with or without holding down the CTRL key.<br />
24+
You can also use the SHIFT key together with the CTRL key.
25+
</p>
26+
<pre id="output"></pre>
27+
```
28+
29+
```js
30+
const output = document.getElementById("output");
31+
32+
function showChar(e) {
33+
output.textContent =
34+
`Key KeyDown: ${String.fromCharCode(e.charCode)}
35+
charCode: ${e.charCode}
36+
CTRL key KeyDown: ${e.ctrlKey}
37+
`,
38+
);
39+
}
40+
41+
document.addEventListener("keydown", showChar);
3842
```
3943

4044
## Specifications

‎files/en-us/web/api/web_workers_api/using_web_workers/index.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -660,7 +660,7 @@ There is not an "official" way to embed the code of a worker within a web page,
660660
// In the past blob builder existed, but now we use Blob
661661
const blob = new Blob(
662662
Array.prototype.map.call(
663-
document.querySelectorAll("script[type='text\/js-worker']"),
663+
document.querySelectorAll("script[type='text/js-worker']"),
664664
(script) => script.textContent,
665665
),
666666
{ type: "text/javascript" },

‎files/en-us/web/css/@media/prefers-color-scheme/index.md

Lines changed: 2 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -124,9 +124,7 @@ In this case, the parent element with a `color-scheme` CSS property is a `<div>`
124124
<script>
125125
for (let img of document.querySelectorAll("img")) {
126126
img.alt = "circle";
127-
img.src =
128-
"data:image/svg+xml;base64," +
129-
window.btoa(`
127+
img.src = `data:image/svg+xml;base64,${window.btoa(`
130128
<svg width="32" height="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
131129
<style>
132130
:root { color: blue }
@@ -136,7 +134,7 @@ In this case, the parent element with a `color-scheme` CSS property is a `<div>`
136134
</style>
137135
<circle fill="currentColor" cx="16" cy="16" r="16"/>
138136
</svg>
139-
`);
137+
`)}`;
140138
}
141139
</script>
142140
```

‎files/en-us/web/javascript/reference/statements/import/with/index.md

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -117,6 +117,7 @@ In `index.html`:
117117
<meta charset="utf-8" />
118118
<script type="module">
119119
import data from "./data.json" with { type: "json" };
120+
120121
const p = document.createElement("p");
121122
p.textContent = `name: ${data.name}`;
122123
document.body.appendChild(p);

‎files/en-us/webassembly/guides/rust_to_wasm/index.md

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -238,6 +238,7 @@ Put the following content in the `index.html` file:
238238
<body>
239239
<script type="module">
240240
import init, { greet } from "./pkg/hello_wasm.js";
241+
241242
init().then(() => {
242243
greet("WebAssembly");
243244
});

0 commit comments

Comments
 (0)