gapmiss · March 5, 2024 18:33
diff --git a/Javascript_starter.html b/Javascript_starter.html
 <!DOCTYPE html>
 <html lang="en" class="">
  <head>
    <title>Javascript_starter</title>
    <meta name="title" content="Javascript_starter" />
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <style id="__livecodes_styles__">
      .container,
      .container button {
        text-align: center;
        font: 1em sans-serif;
      }
      .logo {
        width: 150px;
      }
    </style>
  </head>
  <body>
    <div class="container">
      <h1>
        Hello,
        <span id="title">World</span>
        !
      </h1>
      <img class="logo" alt="logo" src="https://v26.livecodes.io/livecodes/assets/templates/javascript.svg" />
      <p>
        You clicked
        <span id="counter">0</span>
        times.
      </p>
      <button id="counter-button">Click me</button>
    </div>
    <script>
      const title = document.querySelector("#title");
      const counter = document.querySelector("#counter");
      const button = document.querySelector("#counter-button");
      title.innerText = "JavaScript";
      let count = 0;
      button.addEventListener("click", () => {
        count++;
        counter.innerText = count;
      });
    </script>
  </body>
 </html>
diff --git a/Javascript_starter.json b/Javascript_starter.json
 {
  "title": "Javascript_starter",
  "description": "",
  "head": "<meta charset=\"UTF-8\" />\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" />",
  "htmlAttrs": "lang=\"en\" class=\"\"",
  "tags": [],
  "autoupdate": false,
  "autosave": false,
  "autotest": false,
  "delay": 3000,
  "formatOnsave": false,
  "mode": "full",
  "theme": "dark",
  "editorTheme": "monaco:github-dark@dark,monaco:github-light@light",
  "recoverUnsaved": true,
  "showSpacing": false,
  "welcome": true,
  "readonly": false,
  "allowLangChange": true,
  "activeEditor": "script",
  "markup": {
    "language": "html",
    "content": "<div class=\"container\">\n  <h1>Hello, <span id=\"title\">World</span>!</h1>\n  <img class=\"logo\" alt=\"logo\" src=\"https://v26.livecodes.io/livecodes/assets/templates/javascript.svg\" />\n  <p>You clicked <span id=\"counter\">0</span> times.</p>\n  <button id=\"counter-button\">Click me</button>\n</div>\n"
  },
  "style": {
    "language": "css",
    "content": ".container,\n.container button {\n  text-align: center;\n  font: 1em sans-serif;\n}\n.logo {\n  width: 150px;\n}\n"
  },
  "script": {
    "language": "javascript",
    "content": "const title = document.querySelector(\"#title\");\nconst counter = document.querySelector(\"#counter\");\nconst button = document.querySelector(\"#counter-button\");\n\ntitle.innerText = \"JavaScript\";\nlet count = 0;\n\nbutton.addEventListener(\"click\", () => {\n  count++;\n  counter.innerText = count;\n});\n"
  },
  "stylesheets": [],
  "scripts": [],
  "cssPreset": "",
  "imports": {},
  "types": {},
  "tests": {
    "language": "typescript",
    "content": ""
  },
  "tools": {
    "enabled": "all",
    "active": "console",
    "status": "open"
  },
  "zoom": 1,
  "processors": [],
  "customSettings": {},
  "editor": "monaco",
  "fontFamily": "Hack",
  "fontSize": 12,
  "useTabs": false,
  "tabSize": 2,
  "lineNumbers": true,
  "wordWrap": false,
  "closeBrackets": true,
  "semicolons": true,
  "singleQuote": false,
  "trailingComma": true,
  "emmet": true,
  "enableAI": false,
  "version": "26"
 }
diff --git a/Javascript_starter.md b/Javascript_starter.md
	<!DOCTYPE html>
	<html lang="en" class="">
	<head>
	<title>Javascript_starter</title>
	<meta name="title" content="Javascript_starter" />
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<style id="__livecodes_styles__">
	.container,
	.container button {
	text-align: center;
	font: 1em sans-serif;
	}
	.logo {
	width: 150px;
	}
	</style>
	</head>
	<body>
	<div class="container">
	<h1>
	Hello,
	<span id="title">World</span>
	!
	</h1>
	<img class="logo" alt="logo" src="https://v26.livecodes.io/livecodes/assets/templates/javascript.svg" />
	<p>
	You clicked
	<span id="counter">0</span>
	times.
	</p>
	<button id="counter-button">Click me</button>
	</div>
	<script>
	const title = document.querySelector("#title");
	const counter = document.querySelector("#counter");
	const button = document.querySelector("#counter-button");
	title.innerText = "JavaScript";
	let count = 0;
	button.addEventListener("click", () => {
	count++;
	counter.innerText = count;
	});
	</script>
	</body>
	</html>
	{
	"title": "Javascript_starter",
	"description": "",
	"head": "<meta charset=\"UTF-8\" />\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" />",
	"htmlAttrs": "lang=\"en\" class=\"\"",
	"tags": [],
	"autoupdate": false,
	"autosave": false,
	"autotest": false,
	"delay": 3000,
	"formatOnsave": false,
	"mode": "full",
	"theme": "dark",
	"editorTheme": "monaco:github-dark@dark,monaco:github-light@light",
	"recoverUnsaved": true,
	"showSpacing": false,
	"welcome": true,
	"readonly": false,
	"allowLangChange": true,
	"activeEditor": "script",
	"markup": {
	"language": "html",
	"content": "<div class=\"container\">\n <h1>Hello, <span id=\"title\">World</span>!</h1>\n <img class=\"logo\" alt=\"logo\" src=\"https://v26.livecodes.io/livecodes/assets/templates/javascript.svg\" />\n <p>You clicked <span id=\"counter\">0</span> times.</p>\n <button id=\"counter-button\">Click me</button>\n</div>\n"
	},
	"style": {
	"language": "css",
	"content": ".container,\n.container button {\n text-align: center;\n font: 1em sans-serif;\n}\n.logo {\n width: 150px;\n}\n"
	},
	"script": {
	"language": "javascript",
	"content": "const title = document.querySelector(\"#title\");\nconst counter = document.querySelector(\"#counter\");\nconst button = document.querySelector(\"#counter-button\");\n\ntitle.innerText = \"JavaScript\";\nlet count = 0;\n\nbutton.addEventListener(\"click\", () => {\n count++;\n counter.innerText = count;\n});\n"
	},
	"stylesheets": [],
	"scripts": [],
	"cssPreset": "",
	"imports": {},
	"types": {},
	"tests": {
	"language": "typescript",
	"content": ""
	},
	"tools": {
	"enabled": "all",
	"active": "console",
	"status": "open"
	},
	"zoom": 1,
	"processors": [],
	"customSettings": {},
	"editor": "monaco",
	"fontFamily": "Hack",
	"fontSize": 12,
	"useTabs": false,
	"tabSize": 2,
	"lineNumbers": true,
	"wordWrap": false,
	"closeBrackets": true,
	"semicolons": true,
	"singleQuote": false,
	"trailingComma": true,
	"emmet": true,
	"enableAI": false,
	"version": "26"
	}