Za mało cudzysłowów w JS

Question

Witajcie,

Mam długi kod w PHP, który wykorzystuje JS. Taki o:

if($wynik = $mysqli->query($query)) 
				{
					while($row = $wynik->fetch_assoc()) 
					echo '<div class="produktwyszukany">'.
					"<div class='zdjecie'>"."<img src='".$row['zdjecie']."'/>"."</div>".
					"<div class='nazwa'>".$row['nazwa']."</div>"."<br />"."<br />".
					"<div class='cena'>".$row['cena'].
					"<div class='zl'>zł</div>"."</div>".
					"<input type='submit' name='opis' value='OPIS' onClick='
						document.getElementById(\"Wopis\").innerHTML = \"".$row['opis']."\"
						document.getElementById(\"Wnazwa\").innerHTML = \"".$row['nazwa']."\"
						document.getElementById(\"produkt\").value = \"".$row['nazwa']."\"
						document.getElementById(\"automatyczne\").innerHTML = \"<input type=\'submit\' name=\'automatyczne\' onClick=document.getElementById(automatyczne).innerHTML=".$row['nazwa']."\"
						var mail = document.getElementById(\"mail\");
						mail.style.display = \"block\"	
						var wyjasnienie = document.getElementById(\"wyjasnienie\");
						wyjasnienie.style.display = \"block\"	
					' />".
					"</div>";				
					;
				}

Wiem, że pewnie niepoprawnie napisany (ale działa) i tam gdzie zajmuję się inputem "automatyczne" (13 linijka) jest "za mało" cudzysłowów i czy da się coś zrobić, aby było ich "więcej"? I proszę nie pisać, że kod źle napisany, bo nie o tym jest pytanie :)

Comments

O, dzięki

---

No i wypada wyświetlić tę zmienną PHP, czyli <?=$row['nazwa'];?>.

---

W którym miejscu mam ten fragment kodu wkleić?

Mam kolejny problem, bo kiedy zmieniam wartość inputa(id="produkt"): (linijka 10)

<form action="mail.php" method="post">
					<input type="text" name="do" value="iktorn2006@wp.pl" disabled />
					<input type="text" name="od" placeholder="Twój E-mail" />
					<input type="text" name="produkt" placeholder="Produkt*" id="produkt" value="" />
					<div id="automatyczne"></div>
					<input type="submit" name="zamow" value="ZAMÓW" action="mail.php"/>	
				</form><form action="mail.php" method="post">
					<input type="text" name="do" value="iktorn2006@wp.pl" disabled />
					<input type="text" name="od" placeholder="Twój E-mail" />
					<input type="text" name="produkt" placeholder="Produkt*" id="produkt" value="" />
					<div id="automatyczne"></div>
					<input type="submit" name="zamow" value="ZAMÓW" action="mail.php"/>	
				</form>

Js:

function nazwa()
{
	const article = document.querySelector('#produktdane');
	var nazwa = article.dataset.nazwa;
	getElementById("produkt").value = nazwa;
}

To nie zmienia mi nawet jeśli value dam np,: "Wartosc test" to i tak nie działa.

Konsola:

ReferenceError: getElementById is not defined

---

document.getElementById...

---

Boooooże jaki ja głupi, że nie zauważyłem. Ale i tak nie działa

JS:

function nazwa()
{
	const article = document.querySelector('#produktdane');
	var nazwa = article.dataset.nazwa;
	document.getElementById("produkt").value = nazwa;
}