sweeneyapps/ascii2binary.html

## ascii2binary.html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>ASCII to Binary</title>
  <script src="https://cdn.jsdelivr.net/npm/vue@2.6.14"></script>
  <style>
    body {
      background-color: black;
      color: #fff;
      letter-spacing: 0.5px;
      font-family: monospace;
    }
    input {
      width: 100%;
    }

  </style>
</head>
<body>
  <div id="app">
    <h1>ASCII-Binary Converter</h1>
    <input v-model="message" type="text"> <button v-on:click="clear">Clear</button>
    <p> {{ binary }} </p>
  </div>

  <script>
    var app = new Vue({
      el: '#app',
      data: {
        message: 'I am awesome!'
      },
      computed: {
        binary: function () {
          return this.message.split('').map(function (char) {
            return char.charCodeAt(0).toString(2).padStart(8, '0')
          }).join(' ')
        }
      },
      methods: {
        clear: function () {
          this.message = ''
        }
      }
    })
  </script>
</body>
</html>
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>ASCII to Binary</title>
	<script src="https://cdn.jsdelivr.net/npm/vue@2.6.14"></script>
	<style>
	body {
	background-color: black;
	color: #fff;
	letter-spacing: 0.5px;
	font-family: monospace;
	}
	input {
	width: 100%;
	}

	</style>
	</head>
	<body>
	<div id="app">
	<h1>ASCII-Binary Converter</h1>
	<input v-model="message" type="text"> <button v-on:click="clear">Clear</button>
	<p> {{ binary }} </p>
	</div>

	<script>
	var app = new Vue({
	el: '#app',
	data: {
	message: 'I am awesome!'
	},
	computed: {
	binary: function () {
	return this.message.split('').map(function (char) {
	return char.charCodeAt(0).toString(2).padStart(8, '0')
	}).join(' ')
	}
	},
	methods: {
	clear: function () {
	this.message = ''
	}
	}
	})
	</script>
	</body>
	</html>