Javascript получить текст из ввода и скопировать его в диапазон

Я пытаюсь создать шаблон для копии и вставить его, и я хочу поместить в него текст и нажать кнопку, в которой говорится об обновлении и копировании текст от входа куда-то в шаблонеJavascript получить текст из ввода и скопировать его в диапазон

Моя попытка:

<!DOCTYPE HTML> 
 
<html> 
 
<head> 
 
<title>Donovan_D Minecraft - Youtube Description 
 
Template</title> 
 
</head> 
 
<body> 
 
<!--Start Template--> 
 
<div>===================================<br> 
 
My Channel:<br> 
 
https://youtube.com/c/DonovanDMinecraft<br> 
 
===================================<br> 
 
Twitch:<br> 
 
http://twitch.tv/donovan_dmc<br> 
 
Twitter:<br> 
 
http://twitter.com/Donovan_DMC<br> 
 
===================================<br> 
 
Sub2Janabell:<br> 
 
https://youtube.com/channel/UC0NTNba35ADUstIoLm 
 
YLiiA<br> 
 
===================================<br> 
 
My <span style="text-decoration:underline;" id="v">1.9, 
 
1.10, 1.11</span> Skyblock/Guilds Server:<br> 
 
IP: play.mcpsb.co<br> 
 
Server store:<br> 
 
http://store.mcpsb.co<br> 
 
Server Website:<br> 
 
https://www.mcpsb.co<br> 
 
===================================<br> 
 
Thanks for <span style="text-decoration:underline;" 
 
id="sub">970</span> Subscribers! make sure to like, 
 
comment, subscribe, and Stay Awesome! 
 
===================================<br> 
 
<!--End Template--> 
 
<hr> 
 
NOT PART OF TEMPLATE<br> 
 
</div> 
 
<b>Version:</b><br> 
 
Change: <input id="vr"><br> 
 
<button onclick="ver()">Update Version</button><br> 
 
<hr> 
 
<b>Subscriber Count:</b><br> 
 
Change: <input id="cs"><br> 
 
<button onclick="csub()">Update Subscriber 
 
    Count</button><br> 
 
<hr> 
 
<script type="text/javascript"> 
 
function ver() { 
 
document.getElementById("v").textContent = 
 
document.getElementById("vr").value; 
 
} 
 
function csub() { 
 
document.getElementById("sub").textContent = 
 
document.getElementById("cs").value; 
 
} 
 
</script> 
 
</body> 
 
</html>

[Я пытался сделать это дважды]

Я делаю что-то неправильно здесь?

Решено, еще одна вещь, есть ли способ увидеть, является ли вход тем же, что и в пролете, или если вход пуст? И мне нужны только числа, используемые в них ... есть ли способ заблокировать другие символы/заменить их после их ввода?

Как для абонента Ammount Я хочу получить живые номера от akshatmittal.com или какой-либо другой службы подсчета голосов для подписчиков youtube. Есть ли способ получить счетчик подписчиков в реальном времени без php, ajax или всего, кроме javascript и html

источник

2016-12-28 Donovan_DMC

Проблема в том, что вы пытаетесь получить данные из своих текстовых полей с помощью .innerHTML. Значения поля формы должны быть получены с .value.

Кроме того, если данные, ввели в текстовых поля не будет содержать какой-либо HTML, который должен быть обработан, вы должны использовать .textContent, чтобы установить эти данные в ваш <span> с вместо .innerHTML поскольку нет никакого HTML.

.value предназначен для получения/установки значений поля формы (флажки, переключатели, текстовые поля и т. Д.) Или значений атрибутов.

.innerHTML предназначен для получения/установки содержимого элемента без формы, который будет содержать разметку HTML. При использовании этого для установки содержимого любой HTML-код в установленном значении будет анализироваться браузером.

.textContent предназначен для получения/установки содержимого элемента неформового поля, который не будет содержать разметку HTML. Разметка HTML будет проигнорирована. .textContent - лучший выбор, когда HTML не будет получен/установлен, потому что он работает лучше, чем .innerHTML (не нужно ничего разбирать).

<!DOCTYPE HTML> 
 
<html> 
 
    <head> 
 
    <title>Donovan_D Minecraft - Youtube Description Template</title> 
 
</head> 
 
<body> 
 
    <h3>To View HTML Click <a href="code.txt">Here </a></h3><br> 
 
    <!--Start Template--> 
 
    <div>===================================<br> 
 
    My Channel:<br> 
 
    https://youtube.com/c/DonovanDMinecraft<br> 
 
    ===================================<br> 
 
    Twitch:<br> 
 
    http://twitch.tv/donovan_dmc<br> 
 
    Twitter:<br> 
 
    http://twitter.com/Donovan_DMC<br> 
 
    ===================================<br> 
 
    Sub2Janabell:<br> 
 
    https://youtube.com/channel/UC0NTNba35ADUstIoLmYLiiA<br> 
 
    ===================================<br> 
 
    My <span style="text-decoration:underline;" id="v">1.9, 1.10, 1.11</span> Skyblock/Guilds Server:<br> 
 
    IP: play.mcpsb.co<br> 
 
    Server store:<br> 
 
    http://store.mcpsb.co<br> 
 
    Server Website:<br> 
 
    https://www.mcpsb.co<br> 
 
    ===================================<br> 
 
    Thanks for <span style="text-decoration:underline;" id="sub">970</span> Subscribers! make sure to like, comment, subscribe, and Stay Awesome! 
 
    ===================================<br> 
 
    <!--End Template--> 
 
    <hr> 
 
    NOT PART OF TEMPLATE<br> 
 
    </div> 
 
    <b>Version:</b><br> 
 
    Change: <input id="vr"><br> 
 
    <button onclick="ver()">Update Version</button><br> 
 
    <hr> 
 
    <b>Subscriber Count:</b><br> 
 
    Change: <input id="cs"><br> 
 
    <button onclick="csub()">Update Subscriber Count</button><br> 
 
    <hr> 
 

 
    <script type="text/javascript"> 
 
    // Get/set form-field values using the .value property 
 
    // Get/set non-form-field values with either .textContent or .innerHTML 
 

 
    function ver() { 
 
     document.getElementById("v").textContent = document.getElementById("vr").value; 
 
    } 
 
    
 
    function csub() { 
 
     document.getElementById("sub").textContent = document.getElementById("cs").value; 
 
    } 
 
    </script> 
 

 
    </body> 
 
    </html>

источник

2016-12-28 17:06:24

-1

Попробуйте следующие изменения сценария, чтобы получить значение входного и изменить TextContent целевого элемента.

https://developer.mozilla.org/en-US/docs/Web/API/Node/textContent

<script type="text/javascript"> 
function ver() { 

document.getElementById("v").textContent = document.getElementById("vr").value; 
} 
function csub() { 
document.getElementById("sub").textContent = document.getElementById("cs").value; 
} 
</script>

источник

2016-12-28 17:15:49 JediMasterCoder

Как это по-другому, чем мой ответ? –

@ Scott Это не так. Он просто украл ваши интернет-очки. – Rahul

@Scott, и теперь у вас есть свои точки зрения, поскольку вы сделали гораздо больше работы ... –

Javascript получить текст из ввода и скопировать его в диапазон

ответ

Смежные вопросы