Quick start javascript snippet

When I want to test something in vanilla js quickly, i use the js snippet I keep in kv

In other words, I type kv js and then a suitable starting script is on my clipboard, I put that into a new file, and I'm away.

(Similarly I could do kv js > test.html and put it directly into a file)

Here's how to add such a script to your own kv. (it should be in your utils repo, and in your path, right?)

$value = @"
<!DOCTYPE html>
<html>
<style>
html,body, textarea{ width:100%; height: 100%}
</style>
<script type='text/javascript'>

function go() {
  var v = `$('#x')[0].value;
  `$('#x')[0].value = 'ABC';
  alert(v);
}

function `$(selectors) {
  return document.querySelectorAll(selectors)
}

function jalert(o) {
  // never do this ;)
  alert(JSON.stringify(o, null, '\t'));
}
</script>
<body>
<input type='button' value=GO onclick='go();' />
<textarea id='x'>
abc
</textarea>
</body>
</html>
"@

kv js $value

Quick start javascript snippet

See also