• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Java script-textarea

VPS Starter Arubacloud
+1 głos
183 wizyt
pytanie zadane 23 czerwca 2020 w JavaScript przez Grzegorzko Obywatel (1,110 p.)

Wie ktoś jak pobrać dane z textarea i je wyświetlić w div-ie poniżej?

1
komentarz 23 czerwca 2020 przez Comandeer Guru (599,730 p.)
Proszę wstawić kod poprawnie, zgodnie z regulaminem.

3 odpowiedzi

0 głosów
odpowiedź 23 czerwca 2020 przez creend Gaduła (4,700 p.)

W zmiennej dane siedzi cały text area jeśli interesuje cię sama wartość to powinieneś zrobić tak: 

var dane = document.getElementById("pole").value;

Jeśli to zrobisz to powinno działać

Ogólnie to polecam się pouczyć nowszego i poprawniejszego JS'a bo używasz przykładowo varów zamiast let i const, tag script powinno się umieszczać się z dopiskiem defer lub na samym dole body. Zamiast addEvenListenerów używasz onclicków w HTML co jest bardzo złą praktyką

<script defer></script>

 

1
komentarz 23 czerwca 2020 przez Comandeer Guru (599,730 p.)

Ogólnie to polecam się pouczyć nowszego i poprawniejszego JS'a

A co jest poprawniejszego w nowym JS-ie?

 tag script powinno się umieszczać się z dopiskiem defer lub na samym dole body

[defer] nie działa na skrypty wewnętrzne. 

0 głosów
odpowiedź 23 czerwca 2020 przez Paweł Nąckiewicz Nałogowiec (48,990 p.)
const value = document.getElementById("pole").value
let newDiv = document.createElement("div");
newDiv.innerHTML = value

https://developer.mozilla.org/pl/docs/Web/API/Document/createElement

komentarz 23 czerwca 2020 przez Grzegorzko Obywatel (1,110 p.)
thx
0 głosów
odpowiedź 23 czerwca 2020 przez VBService Ekspert (251,210 p.)
edycja 23 czerwca 2020 przez VBService
        <script>
            window.onload = function() {
                const bt_oblicz = document.getElementById('oblicz');

                bt_oblicz.addEventListener('click', () => {
                    const pole = document.getElementById('pole');
                    const wynik = document.getElementById('wynik');
                    wynik.innerHTML = pole.value;
                });
            };
        </script>

<!-- test.html -->

<!DOCTYPE html>
<html lang="pl">
    <head>
        <meta charset="utf-8">
        <title></title>

        <style>
            #wynik {
                background-color: black;
                color: limegreen;
                width: 380px;
                margin: 5px 0;
                font-size: 20px;
                padding: 2px;
            }
            button {
                font-size: 20px;
                color: black;
                text-shadow: 1px 1px 0 black;
                font-variant: small-caps;
            }
            button:hover {
                cursor: pointer;
                color: limegreen;
            }
            button:active {
                transform: translateY(2px);
            }
        </style>
    </head>
    <body>
        <textarea id="pole" cols="50" rows="20">Test: (4.85 + 9) * 7.1</textarea>
        <div id="wynik">&nbsp;</div>
        <!-- <input type="submit" value="oblicz" onclick="oblicz()"> -->

        <!-- <input type="button" value="oblicz" onclick="oblicz()"> -->

        <button id="oblicz">Oblicz</button>
        <script>
            window.onload = function() {
                const bt_oblicz = document.getElementById('oblicz');

                bt_oblicz.addEventListener('click', () => {
                    const pole = document.getElementById('pole');
                    const wynik = document.getElementById('wynik');
                    wynik.innerHTML = pole.value;
                });
            };
        </script>
    </body>
</html>

Podobne pytania

+2 głosów
1 odpowiedź 229 wizyt
pytanie zadane 29 grudnia 2022 w JavaScript przez mateusz45 Gaduła (3,240 p.)
0 głosów
0 odpowiedzi 120 wizyt
pytanie zadane 25 lipca 2020 w JavaScript przez Avernis Nałogowiec (27,400 p.)
0 głosów
0 odpowiedzi 162 wizyt
pytanie zadane 29 kwietnia 2020 w JavaScript przez Farba Początkujący (440 p.)

92,454 zapytań

141,262 odpowiedzi

319,089 komentarzy

61,854 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Akademia Sekuraka 2024 zapewnia dostęp do minimum 15 szkoleń online z bezpieczeństwa IT oraz dostęp także do materiałów z edycji Sekurak Academy z roku 2023!

Przy zakupie możecie skorzystać z kodu: pasja-akademia - użyjcie go w koszyku, a uzyskacie rabat -30% na bilety w wersji "Standard"! Więcej informacji na temat akademii 2024 znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...