Skip to content
Snippets Groups Projects
Verified Commit 9bb009d6 authored by Joshua Barlin's avatar Joshua Barlin
Browse files

Get output showing!

parent 4cc0c6fb
No related branches found
No related tags found
No related merge requests found
Show whitespace changes
Inline Side-by-side
css/core.css
+ 9
− 4
View file @ 9bb009d6
......@@ -2,8 +2,8 @@ body{
height: 100%;
}
#input-div, #output-div{
height: 100%;
width: 50%;
height: 90%;
width: 48%;
display: block;
}
#input-div{
......@@ -16,6 +16,11 @@ body{
clear: both;
}
#input-textarea{
height: 100%;
width: 100%;
width: 90%;
height: 90%;
}
#output-pre{
height: 90%;
width: 90%;
border: solid black 1px;
}
\ No newline at end of file
index.html
+ 6
− 4
View file @ 9bb009d6
<html>
<head>
<script src="js/jquery-3.3.1.js"></script>
<meta charset="UTF-8" />
<meta name="language" content="english">
<meta http-equiv="content-type" content="text/html">
<script src="js/jquery-3.3.1.js" defer="defer"></script>
<script src="js/application.js" defer="defer"></script>
<link href="css/core.css" rel="stylesheet" type="text/css" />
</head>
......@@ -10,9 +14,7 @@
<div id="wrapper">
<div id="input-div">
<h2 id="input-header">Input</h2>
<textarea id="input-textarea" aria-labelledby="input-header">
</textarea>
<textarea id="input-textarea" autocomplete="off" aria-labelledby="input-header"></textarea>
</div>
<div id="output-div">
<h2 id="output-header">Ready-to-go output!</h2>
......
js/application.js 0 → 100644
+ 10
− 0
View file @ 9bb009d6
$(document).ready(function () {
//Let's go!
console.log('Hi there!');
$('#input-textarea').text('');
$('#input-textarea').val('');
$('#input-textarea').on('input propertychange', function () {
//console.log('Alteration!')
$('#output-pre').text($('#input-textarea').val());
})
});
\ No newline at end of file
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment