psqq/README.md

## README.md

      
    Raw
  

              README.md
            
          
    Running

deno run -A --unstable https://gist.github.com/psqq/5c9b1d4bf6b5cc3469fde370d73fafb8/raw/29bbb3f19e9ba2f8b8e630ef1224d360281b8c9a/main.ts


## main.ts
// Importing the webview library
import { WebView } from "https://deno.land/x/webview/mod.ts";
// Creating an HTML page
let html = `
<html>
<body>
<input type="text"/>
Result: "<span></span>".
<script>
document.querySelector('input').addEventListener('keyup', function(e) {
var s = e.target.value;
var res = s.toLowerCase().split(' ').join('-');
document.querySelector('span').innerText = res;
});
</script>
</body>
</html>
`;

// Creating and configuring the webview
const webview = new WebView({
    title: "Deno Webview Example",
    url: "data:text/html," + html,
    width: 800,
    height: 600,
    resizable: true,
    debug: true,
    frameless: false
});

// Running the webview
webview.run();
	// Importing the webview library
	import { WebView } from "https://deno.land/x/webview/mod.ts";
	// Creating an HTML page
	let html = `
	<html>
	<body>
	<input type="text"/>
	Result: "<span></span>".
	<script>
	document.querySelector('input').addEventListener('keyup', function(e) {
	var s = e.target.value;
	var res = s.toLowerCase().split(' ').join('-');
	document.querySelector('span').innerText = res;
	});
	</script>
	</body>
	</html>
	`;

	// Creating and configuring the webview
	const webview = new WebView({
	title: "Deno Webview Example",
	url: "data:text/html," + html,
	width: 800,
	height: 600,
	resizable: true,
	debug: true,
	frameless: false
	});

	// Running the webview
	webview.run();