48 lines
1.8 KiB
HTML
48 lines
1.8 KiB
HTML
|
<!doctype html>
|
||
|
|
<html lang="en">
|
||
|
|
<head>
|
||
|
|
<script>
|
||
|
|
var script = document.createElement('script');
|
||
|
|
// Don't do this at home kids! The "document.referrer" part is actually inserting a XSS security.
|
||
|
|
// We are OK in this precise case because the HTML page is hosted on the "maps" domain that contains only static files.
|
||
|
|
document.head.appendChild(script);
|
||
|
|
window.addEventListener('load', () => {
|
||
|
|
console.log('On load');
|
||
|
|
WA.onInit().then(() => {
|
||
|
|
console.log('After WA init');
|
||
|
|
const textField = document.getElementById('textField');
|
||
|
|
textField.value = WA.state.textField;
|
||
|
|
|
||
|
|
textField.addEventListener('change', function (evt) {
|
||
|
|
console.log('saving variable')
|
||
|
|
WA.state.textField = this.value;
|
||
|
|
});
|
||
|
|
|
||
|
|
WA.state.onVariableChange('textField').subscribe((value) => {
|
||
|
|
console.log('variable changed received')
|
||
|
|
textField.value = value;
|
||
|
|
});
|
||
|
|
|
||
|
|
document.getElementById('btn').addEventListener('click', () => {
|
||
|
|
console.log(WA.state.loadVariable('textField'));
|
||
|
|
document.getElementById('placeholder').innerText = WA.state.loadVariable('textField');
|
||
|
|
});
|
||
|
|
|
||
|
|
document.getElementById('setUndefined').addEventListener('click', () => {
|
||
|
|
WA.state.textField = undefined;
|
||
|
|
document.getElementById('textField').value = '';
|
||
|
|
});
|
||
|
|
});
|
||
|
|
})
|
||
|
|
</script>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<input type="text" id="textField" />
|
||
|
|
|
||
|
|
<button id="setUndefined">Delete variable</button>
|
||
|
|
|
||
|
|
<button id="btn">Display textField variable value</button>
|
||
|
|
<div id="placeholder"></div>
|
||
|
|
</body>
|
||
|
|
</html>
|