Answer 1

+ In HTML:
<button type="button" onclick="text.classList.toggle('bold');">Bold</button>
<button type="button" onclick="text.classList.toggle('upperCase');">Upper/Lower</button>
<input type="text" id="text"> <!-- </p> without a pairing <p> ... </p>-->

+ In CSS:
.bold {
font-weight: bold;
}

.upperCase
{
text-transform: uppercase;
}

Delete all code in JS tab.

Answer 2

Get the input 'value' attribute.

let txt = document.getElementById("text").value;