Сообщение, чтобы появиться, используя onFocus в JavaScript

Question

Я создал форму, когда я нажимаю на текстовое поле, я хочу, чтобы под формой появилось сообщение с использованием onFocus.

<input type="text" id="fname" placeholder="john" />

Поэтому, когда вы нажмете на это поле, я хотел бы получить сообщение, которое гласит: "Здесь вы вводите свое имя".

Я старался

<script>
function myFunction() {
document.getElementById("fname") 'dont know what to put here'
}
</script>

<input type="text" id="fname" placeholder="john" onfocus="myFunction()"/>

Answer 1

Вы можете использовать CSS для этого:

<input type="text" id="fname" placeholder="john" />
<span>your text</span>


span {
display:none;
}
input:focus + span {
display:block;
}

вот решение javascript:

var span = document.querySelector("span");
var input = document.querySelector("#fname")

input.addEventListener("focus", function() {
span.innerHTML = "your text";
});