77Z/index.html

## index.html
<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>Hello World!</title>
  </head>
  <body>
    <input type="text" id="text" />
    <button id="btn">
      Save!
    </button>

    <button id='get'>
      Get
    </button>
    <p id='out'>

    </p>

    <script>
      // You can also require other files to run in this process
      require('./renderer.js')
    </script>
  </body>
</html>

## main.js
// Modules to control application life and create native browser window
const {app, BrowserWindow} = require('electron')

// Keep a global reference of the window object, if you don't, the window will
// be closed automatically when the JavaScript object is garbage collected.
let mainWindow

function createWindow () {
  // Create the browser window.
  mainWindow = new BrowserWindow({
    width: 800,
    height: 600,
    webPreferences: {
      nodeIntegration: true
    }
  })

  // and load the index.html of the app.
  mainWindow.loadFile('index.html')

  // Open the DevTools.
  // mainWindow.webContents.openDevTools()

  // Emitted when the window is closed.
  mainWindow.on('closed', function () {
    // Dereference the window object, usually you would store windows
    // in an array if your app supports multi windows, this is the time
    // when you should delete the corresponding element.
    mainWindow = null
  })
}

// This method will be called when Electron has finished
// initialization and is ready to create browser windows.
// Some APIs can only be used after this event occurs.
app.on('ready', createWindow)

// Quit when all windows are closed.
app.on('window-all-closed', function () {
  // On OS X it is common for applications and their menu bar
  // to stay active until the user quits explicitly with Cmd + Q
  if (process.platform !== 'darwin') {
    app.quit()
  }
})

app.on('activate', function () {
  // On OS X it's common to re-create a window in the app when the
  // dock icon is clicked and there are no other windows open.
  if (mainWindow === null) {
    createWindow()
  }
})

// In this file you can include the rest of your app's specific main process
// code. You can also put them in separate files and require them here.

## renderer.js
const fs = require('fs');

document.getElementById('btn').addEventListener('click', function() {
    var input = document.getElementById('text').value;
    var strtobi = stringToBinary(input);
    document.getElementById('out').innerHTML = strtobi;
    fs.writeFile("C:\\Users\\r2d2f\\OneDrive\\Desktop\\loggit-editor-revised\\test\\out.bin", strtobi, function(err) {
        if (err) throw err;
    })
})

document.getElementById('get').addEventListener('click', function() {
    fs.readFile("C:\\Users\\r2d2f\\OneDrive\\Desktop\\loggit-editor-revised\\test\\out.bin", 'utf8', function(err, contents) {
        if (err) throw err;
        document.getElementById('out').innerHTML = "Binary: " + contents + "<br>String: " + binaryToString(contents);
    })
})

function stringToBinary(str, spaceSeparatedOctets) {
    function zeroPad(num) {
        return "00000000".slice(String(num).length) + num;
    }

    return str.replace(/[\s\S]/g, function(str) {
        str = zeroPad(str.charCodeAt().toString(2));
        return !1 == spaceSeparatedOctets ? str : str + " "
    });
};

function binaryToString(str) {
    // Removes the spaces from the binary string
    str = str.replace(/\s+/g, '');
    // Pretty (correct) print binary (add a space every 8 characters)
    str = str.match(/.{1,8}/g).join(" ");

    var newBinary = str.split(" ");
    var binaryCode = [];

    for (i = 0; i < newBinary.length; i++) {
        binaryCode.push(String.fromCharCode(parseInt(newBinary[i], 2)));
    }

    return binaryCode.join("");
};
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="UTF-8">
	<title>Hello World!</title>
	</head>
	<body>
	<input type="text" id="text" />
	<button id="btn">
	Save!
	</button>

	<button id='get'>
	Get
	</button>
	<p id='out'>

	</p>

	<script>
	// You can also require other files to run in this process
	require('./renderer.js')
	</script>
	</body>
	</html>
	// Modules to control application life and create native browser window
	const {app, BrowserWindow} = require('electron')

	// Keep a global reference of the window object, if you don't, the window will
	// be closed automatically when the JavaScript object is garbage collected.
	let mainWindow

	function createWindow () {
	// Create the browser window.
	mainWindow = new BrowserWindow({
	width: 800,
	height: 600,
	webPreferences: {
	nodeIntegration: true
	}
	})

	// and load the index.html of the app.
	mainWindow.loadFile('index.html')

	// Open the DevTools.
	// mainWindow.webContents.openDevTools()

	// Emitted when the window is closed.
	mainWindow.on('closed', function () {
	// Dereference the window object, usually you would store windows
	// in an array if your app supports multi windows, this is the time
	// when you should delete the corresponding element.
	mainWindow = null
	})
	}

	// This method will be called when Electron has finished
	// initialization and is ready to create browser windows.
	// Some APIs can only be used after this event occurs.
	app.on('ready', createWindow)

	// Quit when all windows are closed.
	app.on('window-all-closed', function () {
	// On OS X it is common for applications and their menu bar
	// to stay active until the user quits explicitly with Cmd + Q
	if (process.platform !== 'darwin') {
	app.quit()
	}
	})

	app.on('activate', function () {
	// On OS X it's common to re-create a window in the app when the
	// dock icon is clicked and there are no other windows open.
	if (mainWindow === null) {
	createWindow()
	}
	})

	// In this file you can include the rest of your app's specific main process
	// code. You can also put them in separate files and require them here.
	const fs = require('fs');

	document.getElementById('btn').addEventListener('click', function() {
	var input = document.getElementById('text').value;
	var strtobi = stringToBinary(input);
	document.getElementById('out').innerHTML = strtobi;
	fs.writeFile("C:\\Users\\r2d2f\\OneDrive\\Desktop\\loggit-editor-revised\\test\\out.bin", strtobi, function(err) {
	if (err) throw err;
	})
	})

	document.getElementById('get').addEventListener('click', function() {
	fs.readFile("C:\\Users\\r2d2f\\OneDrive\\Desktop\\loggit-editor-revised\\test\\out.bin", 'utf8', function(err, contents) {
	if (err) throw err;
	document.getElementById('out').innerHTML = "Binary: " + contents + "<br>String: " + binaryToString(contents);
	})
	})

	function stringToBinary(str, spaceSeparatedOctets) {
	function zeroPad(num) {
	return "00000000".slice(String(num).length) + num;
	}

	return str.replace(/[\s\S]/g, function(str) {
	str = zeroPad(str.charCodeAt().toString(2));
	return !1 == spaceSeparatedOctets ? str : str + " "
	});
	};

	function binaryToString(str) {
	// Removes the spaces from the binary string
	str = str.replace(/\s+/g, '');
	// Pretty (correct) print binary (add a space every 8 characters)
	str = str.match(/.{1,8}/g).join(" ");

	var newBinary = str.split(" ");
	var binaryCode = [];

	for (i = 0; i < newBinary.length; i++) {
	binaryCode.push(String.fromCharCode(parseInt(newBinary[i], 2)));
	}

	return binaryCode.join("");
	};