[Solved] HTML not working

Question

Your code below seems to be working.

What I have done is clean up some of your CSS. There is no such thing as border-layout though (so I’ve removed it).

function func() {
  document.getElementById("paragraph").innerHTML = document.getElementById("input").value;
}

#input {
  height: 30px;
  width: 480px;
}
#paragraph {
  color: green;
}
.mybutton {
  border-radius: 0px;
  border: solid grey 1px;
  background-color: yellow;
}

<div style="text-align: center">
  <p id="paragraph"></p>
  <input id="input">
  <br>
  <button class="mybutton" onclick="func()">Echo Txt</button>
</div>

Accepted Answer

Your code below seems to be working.

What I have done is clean up some of your CSS. There is no such thing as border-layout though (so I’ve removed it).

function func() {
  document.getElementById("paragraph").innerHTML = document.getElementById("input").value;
}

#input {
  height: 30px;
  width: 480px;
}
#paragraph {
  color: green;
}
.mybutton {
  border-radius: 0px;
  border: solid grey 1px;
  background-color: yellow;
}

<div style="text-align: center">
  <p id="paragraph"></p>
  <input id="input">
  <br>
  <button class="mybutton" onclick="func()">Echo Txt</button>
</div>