Как вывести значения в textarea?

Question

[Andrej Sharapov]

Как вывести в textarea полученные стили?

Вариант 1:
Стоит скрипт, который присваивает диву некоторые свойства, вроде wight и background-color
https://jsfiddle.net/7zuqrb8o/30/ в примере есть 4 инпута: 2 меняют размер, 2 фон. Свойства могут меняться/дополняться.
Я попробовал прописать через innerHTML, но пока не получается. Куда дальше двигаться не знаю.

Вариант 2:
Можно попробовать заменить input на button, например,

<button onclick="addStyle2()">2</button>
<script>
function addStyle2() { 
document.getElementById("bSd").style.width = "250px";
document.getElementById("bSd").style.height = "150px";
}
</script>

Тогда можно будет добавить их в form_code.innerHTML += и выводить значения через переменную.
Как это лучше сделать?

Answer 1

[0xD34F]

Ну, поскольку стили вы назначаете с помощью метода css, они попадают в атрибут style. А значит - достаточно просто получить его значение, типа так. Или, можно не переприсваивать объект со стилями, а дополнять его - тогда можно воспользоваться JSON.stringify, типа так.

Comments

[Andrej Sharapov]

Да, а как поставить их в нужное место, а не полностью заменить содержимое textarea? Нужно чтобы дивы тоже сохранились, а значения встали как раз в

#bSd {
сюда
}

[Никита Егоров]

Andrej Sharapov, https://jsfiddle.net/Svupol/7zuqrb8o/36/

[Andrej Sharapov]

Не совсем то. Я имел ввиду сохранить дивы, указанные в textarea. Т.е. содержание textarea должно выглядеть так:

<div id="bSd">
  <div class="display"></div>
</div>
<style>
#bSd {
сюда должны вставать полученные значения
}
.display {
background: linear-gradient(45deg, #e5ebf2, #f2f6fa);
border-radius: 8px;
min-height: 200px;
height: 100%;
padding: 15px;
}
</style>

где дивы и класс display со стилями стоят по умолчанию, а меняется только содержимое #bSd

[0xD34F]

Andrej Sharapov, https://jsfiddle.net/7zuqrb8o/37/.

[Andrej Sharapov]

0xD34F, вроде бы то, в примере работает. А на сайт ставлю и не работает вовсе. Перестали работать инпуты и стили не добавляются в сам див

[0xD34F]

Andrej Sharapov, если "не работает" - это всё, что вы можете сказать, лучше не говорите вообще ничего. Ну это так, на будущее.

Открываете консоль и смотрите - какие есть ошибки. Учитесь отлаживать свой код.

[Andrej Sharapov]

Да я настрою, где-то сам накосячил. Спасибо за помощь с направлением. Буду дальше думать.