как передать значение из ссылки

[leon2009sp]

не могу понять
когда есть переменная var то все отлично!
значение хорошо отображается. а через функцию в див ничего не происходит
т.е. так работает:

<script>
var names='202407';
</script>
<?php
echo '<script type="text/javascript">';
echo "document.write('<input type=text value=\'' + names + '\' >')";
echo ' </script>';
?>

а так нет:

<script>
<section>
	<div data-value="1">111111</div>
	<div data-value="2">222222</div>
	<div data-value="3">333333</div>
	<div data-value="4">444444</div>
	<div data-value="5">555555</div>
</section>
<script>
document.querySelector('section').addEventListener('click', e => {
	const o = e.target.closest('[data-value]')
	if (!o) return	
	document.getElementById("content").innerHTML = (o.dataset.value)	 
})
</script>
<?php
$test = '<div id="content"></div>';
echo '<input type=text value='.$test.'>';
?>

[leon2009sp]

в число уже преобразовывал let
javascript1.jpg

var res = parseInt(value)
            document.getElementById("content").innerHTML = res;

почему в DIV не появляется ничего ?

[leon2009sp]

готово

<section>
	<div data-value="1">111111</div>
	<div data-value="2">222222</div>
	<div data-value="3">333333</div>
	<div data-value="4">444444</div>
	<div data-value="5">555555</div>
</section>
<script>
document.querySelector('section').addEventListener('click', e => {
	const o = e.target.closest('[data-value]')
	if (!o) return	
	document.getElementById("content").value = (o.dataset.value)	 
})
</script>
<?php
//$test = '<div id="content"></div>';
echo '<input type=text id="content" value="111">';
?>

[leon2009sp]

а из за чего если меняешь местами скрипт с секцию = перестает все работать?
а,
если в функцию все это: то работает

<script>
function myFunc(id)
            {
document.querySelector('section').addEventListener('click', e => {
	const o = e.target.closest('[data-value]');
	if (!o) return;
	document.getElementById("captcha").innerHTML = (o.dataset.value);	 
})
			}
</script>
<?php
echo '<div id="captcha"></div>';
?>
<section>
	<div data-value="1" onClick="myFunc(this.id);">111111</div>
	<div data-value="2" onClick="myFunc(this.id);">222222</div>
	<div data-value="3" onClick="myFunc(this.id);">333333</div>
	<div data-value="4" onClick="myFunc(this.id);">444444</div>
	<div data-value="5" onClick="myFunc(this.id);">555555</div>
</section>

[рони]

04
document.querySelector('section')

этого ещё нет на странице, если скрипт выше блока с которым работает.
выход: обернуть скрипт в

document.addEventListener("DOMContentLoaded", () => {
    document.querySelector('section').addEventListener('click', e => {
	const o = e.target.closest('[data-value]')
	if (!o) return	
	document.getElementById("content").value = (o.dataset.value)	 
})
  });