remarkablemark

document
  .querySelector('fieldset')
  .addEventListener('drop', function onDrop(event) {
    var tagName = event.dataTransfer.getData('text');
    event.target.appendChild(document.querySelector(tagName));
    event.preventDefault();
  });

remarkablemark

<fieldset ondrop="onDrop(event);"></fieldset>
<script>
  function onDrop(event) {
    var tagName = event.dataTransfer.getData('text');
    event.target.appendChild(document.querySelector(tagName));
    event.preventDefault();
  }
</script>

remarkablemark

document
  .querySelector('fieldset')
  .addEventListener('dragover', function onDragOver(event) {
    event.preventDefault();
  });

remarkablemark

<fieldset ondragover="event.preventDefault();"></fieldset>

remarkablemark

document
  .querySelector('input')
  .addEventListener('dragstart', function onDragStart(event) {
    event.dataTransfer.setData('text', event.target.tagName);
  });

remarkablemark

<input
  draggable="true"
  ondragstart="event.dataTransfer.setData('text', event.target.tagName);"
>

remarkablemark

<input draggable="true">

remarkablemark

{
  "version": "1.2.3",
  "scripts": {
    "get-version": "awk -F'\"' '/\"version\": \".+\"/{ print $4; exit; }' package.json"
  }
}

remarkablemark

{
  "version": "1.2.3",
  "scripts": {
    "get-version": "node -p \"require('./package').version\""
  }
}

remarkablemark

{
  "version": "1.2.3",
  "scripts": {
    "get-version": "jq -r .version package.json"
  }
}