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

Jak pobrać wartości z inputów?

VPS Starter Arubacloud
+1 głos
490 wizyt
pytanie zadane 8 grudnia 2021 w JavaScript przez SlagEdit Początkujący (380 p.)

Jak mogę pobrać wartości inputów do zmiennej w js?

function nowywpis(){
       var pwpis="<div class=\"wpis\" style=\"background-color:";
       var kolor=document.getElementById("text").value
       var kpwpis=";\">"
       var tresc=document.getelementbyid("tresci").value
       
				console.log(pwpis +kolor+ kpwpis);
}

</head>
<body>
<div id="menu" >
<div id="listy" onclick="nowywpis()"></div>
<input type="color">
</div>
     <div id="wpisy">
    
     </div>
<div id="wpisz">
<input type="text" placeholder="wpisz wiadomość" id="text" id="tresci">
<input id="send" type="submit" style="height:99%; width:19%; text-align: center;" value="wstaw"  onclick="nowywpis()">
</div>
</body>
</html>

2 odpowiedzi

+1 głos
odpowiedź 9 grudnia 2021 przez VBService Ekspert (251,210 p.)
wybrane 9 grudnia 2021 przez SlagEdit
 
Najlepsza

Przypisałeś 2 razy atrybut id do elementu <input>

<input type="text" placeholder="wpisz wiadomość" id="text" id="tresci">

chcesz pobrać dane z <input type="color"> "odwołując" się do

<input type="text" ... id="text" ...>

var kolor=document.getElementById("text").value

 

propozycja zmian

<div id="wpisy"></div>
<div id="wpisz">
  <input type="text" placeholder="wpisz wiadomość" id="text">
  <input type="color" id="color_picker">
  <input id="send" type="submit" style="height:99%; width:19%; text-align: center;" value="wstaw"  onclick="nowywpis()">
</div>
function nowywpis() {
  const kolor = document.getElementById("color_picker").value,
        tresc = document.getElementById("text").value;

  const  wpis = `<div class="wpis" style="color: white; background-color: ${kolor}">${tresc}</div>`;
  document.getElementById("wpisy").innerHTML += wpis;  
  //console.log(kolor, wpis);
}

 

P.S. [ Interpolacja stringów ]

+3 głosów
odpowiedź 8 grudnia 2021 przez Comandeer Guru (599,730 p.)

Kod się wykłada, bo drugie wywołanie document.getElementById jest niepoprawne. W JS-ie wielkość liter ma znaczenie. Powinieneś dostać błąd w konsoli z tym związany.

Podobne pytania

0 głosów
0 odpowiedzi 576 wizyt
0 głosów
1 odpowiedź 149 wizyt
pytanie zadane 28 listopada 2019 w JavaScript przez Seqak Początkujący (420 p.)
0 głosów
1 odpowiedź 251 wizyt
pytanie zadane 1 stycznia 2019 w PHP przez `Krzychuu Stary wyjadacz (13,940 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!

...