---
layout: "@/layouts/MarkdownLayout.astro"
---

import RenderFile from "@/components/RenderFile";
import RenderHtml from "@/components/RenderHtml";

export const title = "HTMLとJavaScript";

# {title}

## とりあえず見てみよう

```html file=src/sample/js/button.html
src/sample/js/button.html
内容を取得できませんでした
```

<RenderFile path="src/sample/js/button.html" />

<br />

1つずつ見ていきましょう。

<br />

以下の箇所は`<button>`タグですね。これがボタンとして表示されています。

```html file=src/sample/js/button.html {1}
src/sample/js/button.html
内容を取得できませんでした
```

<br />
<br />

この下に、`<script>`タグがありますね。  
この中に書かれているものが、`JavaScript`です。

```html file=src/sample/js/button.html {3-8}
src/sample/js/button.html
内容を取得できませんでした
```

<br />
<br />

見慣れないものが多いとは思いますが、まずざっくりとどのようなことが行われているのかを見てみましょう。