VA79 vanaf1979

## head-vs-header.html
<!doctype html>
<html lang="en">
<head>
    <!-- This is your document head.-->
    <!-- It is not visible to the user, but it contains information for the browser,-->
    <!-- like the title, seo meta tags and stylesheet links.-->
    <!-- Docs; https://developer.mozilla.org/en-US/docs/Web/HTML/Element/head -->
    <title>Document</title>
</head>
<body>

## steph.js
// Name: shoes

import "@johnlindquist/kit";

let Jimp = await npm("jimp")

let text = await editor(`
## Enter a url per line
## Hit cmd+s to "continue"

## RenderedBlocks.php
<?php
final class RenderedBlocks {

    /**
     * instance.
     *
     * @var RenderedBlocks $instance class instance.
     */
    private static $instance = null;

## classlist-toggle-html.html

<div class="box"></div>
<button id="addClass">Add active class</button>
<button id="removeClass">Remove active class</button>
<button id="toggleClass">Toggle active class</button>


## classlist-remove-html.html

<div class="box"></div>
<button id="addClass">Add active class</button>
<button id="removeClass">Remove active class</button>


## classlist-add-html.html

<div class="box"></div>
<button id="addClass">Add active class</button>


## classlist-classname-basic.js

console.log( element.className );


## classlist-contains-basic.js

element.classList.contains("classname");


## classlist-toggle-js.js

const box = document.querySelector(".box");

const toggleButton = document.querySelector('#toggleClass');

toggleButton.addEventListener('click', () => {

  box.classList.toggle("active");

});

## classlist-toggle-basic.js

element.classList.toggle("classname");
	// Name: shoes

	import "@johnlindquist/kit";

	let Jimp = await npm("jimp")

	let text = await editor(`
	## Enter a url per line
	## Hit cmd+s to "continue"
	<?php
	final class RenderedBlocks {

	/**
	* instance.
	*
	* @var RenderedBlocks $instance class instance.
	*/
	private static $instance = null;

	<div class="box"></div>
	<button id="addClass">Add active class</button>
	<button id="removeClass">Remove active class</button>
	<button id="toggleClass">Toggle active class</button>

	const box = document.querySelector(".box");

	const toggleButton = document.querySelector('#toggleClass');

	toggleButton.addEventListener('click', () => {

	box.classList.toggle("active");

	});