HTML

<input required>

 input要素の required属性を指定すると、その入力項目が入力必須であることをブラウザに知らせることができます。

required
入力必須を指定する。

文字列を書き換える。

※入力必須

<p id="test">文字列を書き換える。</p>

<form>
	<input type="text" id="myText" placeholder="Enter text" required> ※入力必須 
	<input type="button" value="Change" onclick="reWrite()">
</from>

<script>
	let changeText = document.getElementById("myText");
	function reWrite() {
		document.getElementById("test").innerHTML = changeText.value;
	}
</script>