label js
·
1 min read
·
edit
result
code
<div id="container">
</div>
<script>
let cnt = document.getElementById("container");
let lab = document.createElement("label");
lab.innerHTML = "My Value";
lab.style.display = "inline-block";
lab.style.border = "1px solid blue";
lab.style.marginTop = "1em";
cnt.append(lab);
</script>
steps
- Open a plain text editor, e.g. vim, nano, Notepad++, VS Code.
- Copy and paste code given above.
- Save with new name, e.g.
jstu-03-label.html. - View using an internet browser, e.g. Google Chrome, Mozilla Firefox, Apple Safari.
- Edit HTML file for further modification.
- Save the changes
- Refresh internet browser to see updated result.
- Repeat the previous three steps (5-7).
- Close the internet browser.
- Close the plain text editor.