Как в тег поместить js код?

Question

[svm2001]

block.innerHTML = this.value.slice(12);

Есть такой код. Мне нужен вывести конструкцию "this.value.slice(12)" в span или div. Не соображу. Хелп

Comments

[Вадим]

block.innerHTML = "this.value.slice(12)";
?

[svm2001]

Вадим, ну тогда он и выведет эту строку. А мне то значение инпута моего нужно с 12ю обрезанными символами

[Вадим]

svm2001, отлично, в чём проблема - не ясно.

[svm2001]

Вадим, проблема в том, что в таком коде: block.innerHTML = "this.value.slice(12)";

в переменную block выведется строка "this.value.slice(12)". Именно такой текст. А мне нужно чтоб этот код исполнялся а не текстом передавался.

[svm2001]

Вадим,

[Вадим]

svm2001, Ага. И у Вас именно такой код в вопросе. Но Вам это почему то, почему - Вы решили не уточнять, не подходит. Потому я и сделал такой вывод, что Вы хотите это строкой туда написать.
В противном случае - описывайте вопрос подробнее. Мы не оракулы, мы без понятия что там у Вас за контекст выполнения кода.

[svm2001]

Вадим, так я же написал, что хочу значение этой конструкции в любой html тег поставить

[Вадим]

svm2001, Отлично. Код верный. Пишите. Или чего вы ожидаете?
Откуда нам знать чему равен this?
Откуда нам знать чему равен this.value?
Откуда нам знать какой у Вас фактический результат и чем он отличается от желаемого?

Теперь понятнее в чём проблема Вашего вопроса или всё ещё нет?

[svm2001]

Вадим,
Зачем вам знать значения this или this.value?

хорошо, если так? есть переменная block. Это какой то див на странице
const a = 1;
block.innerHTML = a. Как мне в данном случае обернуть переменную "а" в тег спан, например? Чтобы в block вывелась единица, обернутая в спан?

[Вадим]

svm2001, Ну вот, слава богу, теперь понятно в чём дело....

Есть такой код. Мне нужен вывести конструкцию "this.value.slice(12)" в span или div.

block.innerHTML = this.value.slice(12);

Если block и есть span или div то код полностью отвечал на поставленный вопрос. Выводил в span или div...
В итоге Вы спрашивали как мне сделать А когда я делаю А.

А теперь ответ... самый простой и не самый красивый будет выглядеть так:

block.innerHTML = '<span>' + this.value.slice(12) + '</span>'

[svm2001]

Вадим,
я сделал переменную fileName, которой присвоил значение this.value.slice(12). И потом просто вывел ее в тег спан. А узнать я хотел просто синтаксис вывода. Что нужно использовать $, фигурные скобки и между ними переменную. На другом форуме меня поняли с первого раза.
Так или иначе спасибо. Вы потом поправили свой последний коммент, обернув код как положено. Изначально span не показывался и не работало

let fileName =  this.value.slice(12);
block.innerHTML =  `<span> ${ fileName } </span>`;

[Stalker_RED]

svm2001, это называется шаблонная строка.
Но можно было и без фигурных скобок:

block.innerHTML = '<span>' + this.value.slice(12) + '</span>'

Или даже вот так:

const span = document.createElement('span');
span.textContent = this.value.slice(12);
block.append(span);

На "другом форуме" видимо телепатия лучше прокачана.

[svm2001]

Stalker_RED, видимо. Либо там телепаты либо у меня проблемы с изложением мысли. Задумаюсь. Спасибо.

Answer 1

[Вадим]

По итогу обсуждений выяснилось что автору нужно было результат работы js обернуть в дополнительный тэг и его уже вставить в нужный block.

Решения, отвечающие на данный запрос:

block.innerHTML = '<span>' + this.value.slice(12) + '</span>'

// Или через шаблонную строку:
block.innerHTML =  `<span> ${ this.value.slice(12) } </span>`;

// Или через создание нового html элемента явно:
const span = document.createElement('span');
span.textContent = this.value.slice(12);
block.append(span);

Answer 2

[Julio_Ernandes]

block.innerText = this.value.slice(12);
Так не вариант ?