data-logic-presentation.html

<script>
  // Data abstracts storage
  let Data = {
    _count: 0,
    get count () {
      return Data._count
    },
    set count (value) {
      Data._count = value
    }
  }
  // Logic abstracts Data
  let Logic = {
    get count () {
      return Data.count
    },
    increment () {
      Data.count++
    }
  }
  // Presentation presents Logic
  let Presentation = {
    index () {
      Presentation.render()
    },
    increment () {
      Logic.increment()
      Presentation.render()
    },
    render () {
      document.title = 'Counter'
      document.body.innerHTML = `
        <button onclick="Presentation.increment()">
          Count: ${Logic.count}
        </button>
      `
    }
  }
  addEventListener('DOMContentLoaded', Presentation.index)
</script>