Не удается изменить текст внутри
в js innerHTML

Question

<div class='block'>
    <h6 id='text'>
        <font color='#FF586E' size=4>
            Проверка
        </font>
    </h6>

    <p id='profil'>
        <h4> Name </h4>
    </p>
    <p id="mes1">
        <h5></h5>
    </p>
    <form>
    <p>
        <input type='text' maxlength="302" size="40" placeholder="Ваше сообщение здесь">
        </input>
        <input id='btn1' type='button' value="Отправить" onclick="click()">
        </input>
    </p>
    </form>

Это код html

Теперь JavaScript

function click() {
   document.getElementById("profil").innerHTML = "Changed!";
}

Answer 1

Вы не можете изменить текст внутри тега p, потому что текст содержится в теге h4

function myFunction(){
     document.getElementById('profil').innerHTML = 'Changed!'
}

<div class='block'><h6 id='text'><font color='#FF586E' size=4>Проверка</font></h6>

<p><h4 id="profil">Name</h4></p>

<form>
    <input type="text" placeholder="Ваше сообщение здесь">
    <input type="button" id="btn1" value="Отправить" onclick="myFunction()">
</form>

Answer 2

Измените название функции которую передаете в onclick="". Не нужно функцию называть click или onclick, то есть:

function click() { // так называть функцию не надо
   document.getElementById("profil").innerHTML = "Changed!";
}

function onclick() { // так тоже не надо
   document.getElementById("profil").innerHTML = "Changed!";
}

назовите например onBtnHandler() или другим именем. Ниже пример с вашей версткой, изменено имя функции

function onBtnHandler() {
    document.getElementById('profil').innerHTML = 'Changed!';
}

 <div class='block'>
<h6 id='text'>
    <font color='#FF586E' size=4>
        Проверка
    </font>
</h6>

<p id='profil'>
    <h4> Name </h4>
</p>
<p id="mes1">
    <h5></h5>
</p>
<form>
<p>
    <input type='text' maxlength="302" size="40" placeholder="Ваше сообщение здесь">
    </input>
    <input id='btn1' type='button' value="Отправить" onclick="onBtnHandler()">
    </input>
</p>
</form>
</div>

БЛОГ НА HUSL

Не удается изменить текст внутри
в js innerHTML

Ответы (2 шт):

БЛОГ НА HUSL

Не удается изменить текст внутри в js innerHTML

Ответы (2 шт):

Не удается изменить текст внутри
в js innerHTML