Yurii Skorniakov yusk90

## script.js
var $ = go.GraphObject.make;  // for conciseness in defining templates

    myDiagram = $(go.Diagram, "myDiagramDiv",  // create a Diagram for the DIV HTML element
                  {
                    initialContentAlignment: go.Spot.Center,  // center the content
                    "undoManager.isEnabled": true  // enable undo & redo
                  });

    // define a simple Node template
    myDiagram.nodeTemplate =

## test.js
class Animal {
  constructor(name) {
    this.name = name;
  }
  getName() {
    return this.name;
  }
}

class Dog extends Animal {

## index.html
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<script type="text/javascript" src="script.js"></script>
</head>
<body>
	<div id="button-container">
		<button id="add-class">Add Class</button>

## gist:60afcc24fe17ea2396fa
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style type="text/css">
		#inputField {
			width: 94px;
			margin-bottom: 5px;
		}

## gist:73d41a26f019d45119e5
var list = document.getElementById('list');
list.classList;
list.parentNode;
list.children;
list.style.background = '#fff';
list.childNodes;
list.children[0].innerText = 'asd'; //замена элемента
list.children[0].innerText += 'asd'; //добавление текста
list.children[0].innerHTML = '<p>qwe</p>';
	var $ = go.GraphObject.make; // for conciseness in defining templates

	myDiagram = $(go.Diagram, "myDiagramDiv", // create a Diagram for the DIV HTML element
	{
	initialContentAlignment: go.Spot.Center, // center the content
	"undoManager.isEnabled": true // enable undo & redo
	});

	// define a simple Node template
	myDiagram.nodeTemplate =
	class Animal {
	constructor(name) {
	this.name = name;
	}
	getName() {
	return this.name;
	}
	}

	class Dog extends Animal {
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<script type="text/javascript" src="script.js"></script>
	</head>
	<body>
	<div id="button-container">
	<button id="add-class">Add Class</button>
	var list = document.getElementById('list');
	list.classList;
	list.parentNode;
	list.children;
	list.style.background = '#fff';
	list.childNodes;
	list.children[0].innerText = 'asd'; //замена элемента
	list.children[0].innerText += 'asd'; //добавление текста
	list.children[0].innerHTML = '<p>qwe</p>';