dotize
Version:
Convert complex Js object to dot notation Js object
48 lines (47 loc) • 1.83 kB
HTML
<html>
<head>
<title>dotize debugger</title>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css"/>
<style>
.textarea {
width: 100%;
height: 450px;
}
</style>
</head>
<body>
<div class="container">
<div class="row">
<div class="col-md-6">
<textarea id="src" class="textarea"></textarea>
</div>
<div class="col-md-6">
<pre id="dst" disabled="disabled" class="textarea" style="border: 1px solid;"></pre>
</div>
</div>
<div class="row">
<div class="col-md-12">
<button type="button" id="convert" class="btn">Convert</button>
<button type="button" id="backward" class="btn">Backward</button>
</div>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
<script type="text/javascript" src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"></script>
<script type="text/javascript" src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.bundle.min.js"></script>
<script type="text/javascript" src="../src/dotize.js"></script>
<script type="text/javascript">
document.getElementById("convert").addEventListener("click", function(elem){
var src = document.getElementById("src").value;
var dst = dotize.convert(JSON.parse(src));
document.getElementById("dst").innerText = JSON.stringify(dst, null, 4);
});
document.getElementById("backward").addEventListener("click", function(elem){
var src = document.getElementById("src").value;
var dst = dotize.backward(JSON.parse(src));
document.getElementById("dst").innerText = JSON.stringify(dst, null, 4);
});
</script>
</body>
</html>