Keskustelu: Nettisivujen teko: JS: Muuttujan näyttäminen sivulla

Olen pähkäillyt jonkinaikaa tuollaista ongelmaa:
Jos minulla on muuttuja t1="foo" ja haluan sen tulostaa lomaakkeelle määrättyyn kohtaan, mikä olisi paras ratkaisu? Käsitykseni mukaan tekstiruutu on yksirivinen joten se ei käy, vai saako siihen jotenkin multiline ominaisuuden?
Text area on muuten hyvä mutta, siihen ei varmaankaan saa syötettyä scriptin kautta tekstiä. document.write() ei sekään näköjään toimi tässä tilanteessa.
Olisko kellään tähän ratkaisua?

https://developer.mozilla.org/en-US/docs/Web/API/Document/querySelector
https://www.ohjelmointiputka.net/oppaat/opas.php?tunnus=dom

Luo elementti, jolla jokin tunniste, esim. ID

<span id="jsTextOutput"></span>

Kirjoita koodi, jolla haet elementin

var node = document.querySelector("#jsTextOutput");
//TAI
var node =  document.getElementById('jsTextOutput');

Muokkaa elementin sisältöä

node.textContent = "foo";

Edit. vaihdettu "innerHTML" tilalle "textContent".

heikkju2 kirjoitti:

Text area on muuten hyvä mutta, siihen ei varmaankaan saa syötettyä scriptin kautta tekstiä.

Mistä ihmeestä niin päättelet? Juuri textareaan on helppo liittää tekstiä value-ominaisuuden kautta. Toki myös muita elementtejä voi muokata aivan helposti nykyään, kun on textContent-ominaisuus.

<textarea id="jsTextArea" rows="3" cols="50"></textarea>
<div id="jsOtherText"></div>

document.getElementById("jsTextArea").value = "foo";
document.getElementById("jsOtherText").textContent = "bar";

Kiitän nöyrimmin