Markdown

```js title="foo.js"
console.log('Hello, world!')
```

console.log('Hello, world!')

import { CodeTabs } from 'starlight-theme-nova/components'

<CodeTabs>

```js title="foo.js"
function foo() {
  console.log('Foo!')
}
```

```ts title="bar.ts"
function bar() {
  console.log('Bar!')
}
```

</CodeTabs>

```js {1,3-4}
console.log('1')
console.log('2')
console.log('3')
console.log('4')
```

```ts
console.log('Not highlighted')
console.log('Highlighted') // [!code highlight]
console.log('Not highlighted')
```

console.log('1')
console.log('2')
console.log('3')
console.log('4')

console.log('Not highlighted')
console.log('Highlighted') 
console.log('Not highlighted')

```js /Hello/
const msg = 'Hello World'
console.log(msg)
console.log(msg) // prints Hello World
```

```ts
// [!code word:World]
const message = 'Hello World'
console.log(message) // prints Hello World
```

const msg = 'Hello World'
console.log(msg)
console.log(msg) // prints Hello World

const message = 'Hello World'
console.log(message) // prints Hello World

```ts
console.log('hewwo') // [!code --]
console.log('hello') // [!code ++]
console.log('goodbye')
```

console.log('hewwo') 
console.log('hello') 
console.log('goodbye')

```ts twoslash
// @errors: 2551
const div = document.createElement('h1')
div.style.colour = 'red' // Incorrect CSS property name
```

const divconst div: HTMLHeadingElement = documentvar document: Document
**`window.document`** returns a reference to the document contained in the window.

[MDN Reference](https://developer.mozilla.org/docs/Web/API/Window/document).createElementDocument.createElement<"h1">(tagName: "h1", options?: ElementCreationOptions): HTMLHeadingElement (+2 overloads)
In an HTML document, the **`document.createElement()`** method creates the HTML element specified by `localName`, or an HTMLUnknownElement if `localName` isn't recognized.

[MDN Reference](https://developer.mozilla.org/docs/Web/API/Document/createElement)('h1')
divconst div: HTMLHeadingElement.styleElementCSSInlineStyle.style: CSSStyleDeclaration
[MDN Reference](https://developer.mozilla.org/docs/Web/API/HTMLElement/style).colour = 'red' // Incorrect CSS property name
Property 'colour' does not exist on type 'CSSStyleDeclaration'. Did you mean 'color'?

### Hello World {#my-custom-id}

### Hello World \{#my-custom-id\}