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

pytanie zadane 6 marca 2020 w JavaScript przez Dariusz Hozer Użytkownik (920 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ź

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

Musisz pobrać handle do diva za pomocą document.querySelector, document.getElementsByClassName, document.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 (920 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 (920 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 5,095 wizyt

Jak ustawić blok div jeden pod drugim

pytanie zadane 11 października 2015 w HTML i CSS przez NumberOne Początkujący (300 p.)

+1 głos

2 odpowiedzi 1,227 wizyt

Dwa divy jeden pod drugim oraz trzeci div przylegający do nich z prawej strony - jak to zrobić?

pytanie zadane 11 czerwca 2015 w HTML i CSS przez Eerie Mądrala (7,130 p.)

0 głosów

3 odpowiedzi 169 wizyt

Jeden div, a dwa przekierowania na inna akcje

pytanie zadane 25 grudnia 2015 w JavaScript przez Voudubu Użytkownik (740 p.)

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

Zaloguj lub zarejestruj się, aby skomentować.

Zaloguj lub zarejestruj się, aby odpowiedzieć na to pytanie.

1 odpowiedź

Zaloguj lub zarejestruj się, aby skomentować.

Podobne pytania

Fanpage na Facebooku

Cenne informacje

Polecane miejsca w sieci