Скопируйте текст в поле ввода при загрузке страницы с помощью jQuery

Question

Я хотел бы скопировать текст This is Sparta в поле ввода при загрузке страницы. Мне интересно, как это сделать с помощью jQuery или Javascript.

<p id="addTag">This is Sparta</p>
<input name="showTag" type="text" id="showTag" />

Кто-нибудь?

Answer 1

Использование ванильного JavaScript:

document.addEventListener('DOMContentLoaded', (event) => {
  document.getElementById('showTag').value = document.getElementById('addTag').textContent;
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<p id="addTag">This is Sparta</p>
<input name="showTag" type="text" id="showTag" />

Использование jQuery:

$(document).ready(function(){
  $('#showTag').val($('#addTag').text());
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<p id="addTag">This is Sparta</p>
<input name="showTag" type="text" id="showTag" />

Answer 2

JQuery:

$( document ).ready(function() {
    $('#showTag').val($('#addTag').html());
});