thecoziest Ответов: 0

Есть ли более простой способ сделать это?

Есть ли более простой способ сделать что-либо из этого кода? Я также хотел бы сделать шрифт полужирным, и сделать имя будьте отдельным цветом от остальной части текста.

Код отображает данные формы пользователю - благодарит его за регистрацию.

Кроме того, есть ли у меня возможность использовать CSS, чтобы помочь со свойствами выравнивания шрифта и текста?


function results() {

    var firstname = document.getElementById("firstname").value;
    var lastname = document.getElementById("lastname").value;
    var location = document.getElementById("location").value;
    
    document.getElementById('my-form').innerHTML = " Thank you "+ firstname +" for checking in.";
    document.getElementById('my-form').style.fontFamily = 'Manrope', sans-serif;
    document.getElementById('my-form').style.color = 'white'

    return false;
}


Что я уже пробовал:

Ищете более чистые и удобные для кода варианты.

Richard Deeming

NB: Вам необходимо HTML-кодировать вводимые пользователем данные, прежде чем добавлять их в документ. В настоящее время, если пользователь вводит имя:

Robert <script>alert('Boom!');</script>

на Вашей странице появится предупреждающее сообщение.

Самым простым вариантом было бы использовать через свойство innerText[^] свойство вместо того, чтобы innerHTML собственность.

thecoziest

Как бы я изменил цвет и выровнял внутренний текст?

raddevus

создайте определенный элемент span или div с идентификатором="yourId", затем используйте селектор запросов, чтобы выбрать элемент и добавить стиль к определенному элементу.
Кроме того, современный селектор элементов-это документ.querySelector ("#yourId") для одного и документа.querySelectorAll(".classItem") -- возвращает коллекцию элементов (селектор идентификаторов можно также использовать с querySelectorAll ().

landocss

Вы можете выровнять текст с помощью CSS следующим образом:
тело{
выравнивание текста:по центру:
}
Вы можете изменить центр на левый или правый, если хотите.

0 Ответов