Как создать функцию Javascript, которая использует параметры и аргументы для изменения размера шрифта и цвета тега HTML? - PullRequest
Новая
       13

Как создать функцию Javascript, которая использует параметры и аргументы для изменения размера шрифта и цвета тега HTML?

0 голосов
/ 08 мая 2018

Я создал кнопку, которая использует функцию fontColor для активации id = "main header". Я пытаюсь получить параметры функции, чтобы принимать аргументы для настройки размера и цвета шрифта в id = "Main Header". Могу ли я получить помощь с этим? Спасибо. 

<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <script src="script.js"></script>
    <meta charset="utf-8" />
    <title></title>
</head>
<body>

    <button type="button" onClick="fontColor(30,"blue");" id="push">Change.</button>
    <h1 id="Main Header"> HI</h1>
    <p id="this one">Hello World</p>
</body>
</html>



function fontColor(s, c) {
    var size = element.style.fontsize(s);
    var color = element.style.color(c);
    var result = [size, color];
    document.getElementById("Main Header").innerHTML = result;

}

Ответы [ 2 ]

0 голосов
/ 08 мая 2018

Просто установите идентификатор переменной и измените ее оттуда. Кроме того, как сказал другой пользователь, к fontSize следует добавить суффикс px

function fontColor(s, c) {
    var changing = document.getElementById("Main Header");
    changing.style.fontSize = s;
    changing.style.color = c;
}
0 голосов
/ 08 мая 2018

Camel-case element.style.fontSize

Я могу ошибаться, но я также считаю, что element.style.fontSize нужна строка, поэтому fontColor ("30px", "blue")

РЕДАКТИРОВАТЬ: элемент не определен и есть больше ошибок, чем я думал ранее.Я не мог просто сказать вам, как исправить ошибки, поэтому я просто переписал вашу функцию.

Лучшее решение было бы: 

function fontColor(s, c) {
  var element = document.getElementById("MainHeader"); <- should be one word
  element.style.fontSize = s;
  element.style.color = c;

}

...