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

Nie bardzo wiem jak wypisać wynik zamiany cyfry 1 w słowo "jeden" w div

0 głosów
78 wizyt
pytanie zadane 6 marca 2020 w JavaScript przez Dariusz Hozer Użytkownik (790 p.)

function liczonko(){


var x= document.getElementById('put_in').value;


if(x=="1"){

document.write("jeden");


}


}

<!DOCTYPE html>
<html lang="pl">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
<script type=”text/javascript” src=”licz.js”></script>

    <title>Document</title>
</head>
<body >
    
    <input type="number" name="nazwa" min="0" max="100"  id="put_in">
   <input type="submit" value="Submit" onclick="liczonko()">          
<div class="box"></div>



</body>
</html>

.box{

position:absolute;
top:20vh;
width:10%;
height:20vh;
background:black;
color:white;


}

 

1 odpowiedź

+1 głos
odpowiedź 6 marca 2020 przez Mariusz08 Maniak (62,320 p.)

Musisz pobrać handle do diva za pomocą document.querySelectordocument.getElementsByClassNamedocument.getElementById i ustawić mu textContent na "jeden"

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

komentarz 6 marca 2020 przez Dariusz Hozer Użytkownik (790 p.)

function liczonko(){

var y = document.querySelector('.box');
var x= document.getElementById('put_in').value;


if(x=="1"){

y.innerHTML="dwa";


}



Tak rozwiązałem w końcu :) 

komentarz 6 marca 2020 przez Mariusz08 Maniak (62,320 p.)

innerHTML nie jest tutaj potrzebne, bo nie wstawiasz HTMLa tylko czysty text, więc warto użyć w tym przypadku po prostu textContent

komentarz 6 marca 2020 przez Dariusz Hozer Użytkownik (790 p.)
Masz rację, ale jakoś wyszło :) Teraz głowię się jak to w switch case wcisnąć zamiast warunków :)
komentarz 6 marca 2020 przez Mariusz08 Maniak (62,320 p.)

W funkcji liczonko  (o ile nic nie zmieniałeś) nie potrzebujesz switcha bo masz tylko jeden warunek ;)

Podobne pytania

0 głosów
3 odpowiedzi 4,410 wizyt
pytanie zadane 11 października 2015 w HTML i CSS przez NumberOne Początkujący (300 p.)
+1 głos
2 odpowiedzi 1,103 wizyt
0 głosów
3 odpowiedzi 145 wizyt
pytanie zadane 25 grudnia 2015 w JavaScript przez Voudubu Użytkownik (740 p.)

88,677 zapytań

137,289 odpowiedzi

306,652 komentarzy

58,873 pasjonatów

Motyw:

Akcja Pajacyk

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

Sklep oferujący ćwiczenia JavaScript, PHP, rozmowy rekrutacyjne dla programistów i inne materiały

Oto dwie polecane książki warte uwagi. Pełną listę znajdziesz tutaj.

...