Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [CSS][JavaScript]Liczenie w czasie rzeczywistym z input'a
BienuSS
post
Post #1





Grupa: Zarejestrowani
Postów: 152
Pomógł: 0
Dołączył: 3.11.2017

Ostrzeżenie: (10%)
X----


Witam.
W jaki sposób moge zrobić żeby liczba wpisywana w inpucie była w czasie rzeczywistym mnożona przez daną liczbe i wynik z działania zmieniający się w divie
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
BienuSS
post
Post #2





Grupa: Zarejestrowani
Postów: 152
Pomógł: 0
Dołączył: 3.11.2017

Ostrzeżenie: (10%)
X----


OK, działa ja musze mieć coś w html zepsute bo wrzuciłem to do jsfiddle i działa, Dzięki!

Natomiast u mnie w pliku nie działa, mam cos takiego:
Kod
<html>
<head>
    <script src="//code.jquery.com/jquery-3.2.1.min.js"></script>
</head>
<body>



<input type="text" id="loo">
<div id="elo">Total</div>

<script type="javascript/text">
    document.getElementById('loo').addEventListener('input', e => {
    document.getElementById('elo').innerHTML = e.target.value * 123;
});
</script>
</body>
</html>


EDIT:
mój błąd zamiast:
Kod
<script type="javascript/text">
    document.getElementById('loo').addEventListener('input', e => {
    document.getElementById('elo').innerHTML = e.target.value * 123;
});
</script>


trzeba dać

Kod
<script>
    document.getElementById('loo').addEventListener('input', e => {
    document.getElementById('elo').innerHTML = e.target.value * 123;
});
</script>


Ten post edytował BienuSS 18.03.2018, 18:19:48
Go to the top of the page
+Quote Post

Posty w temacie
- BienuSS   [CSS][JavaScript]Liczenie w czasie rzeczywistym z input'a   18.03.2018, 15:42:39
- - SmokAnalog   Na przykład tak: [JAVASCRIPT] pobierz, plaintext ...   18.03.2018, 17:03:37
- - BienuSS   Niestety nie działa   18.03.2018, 17:54:56
- - SmokAnalog   Wstawiłeś skrypt na końcu? Pokaż cały HTML.   18.03.2018, 17:59:10
- - BienuSS   OK, działa ja musze mieć coś w html zepsute bo wrz...   18.03.2018, 18:14:28
- - SmokAnalog   Type to jak już text/javascript, a nie javascript/...   18.03.2018, 18:26:08
- - BienuSS   A w przypadku gdy mam kilka takich formularzy tj.:...   18.03.2018, 18:40:39
- - SmokAnalog   Masz mnóstwo możliwości. Ja bym poszedł albo we ws...   18.03.2018, 18:52:19
- - BienuSS   Mam coś takiego: [HTML] pobierz, plaintext <div...   18.03.2018, 20:53:27
- - SmokAnalog   Czy takie zachowanie z mnożeniem będzie występował...   18.03.2018, 21:23:33
- - BienuSS   Na stronie jesli uzytkownik bedzie chciał wpisać w...   18.03.2018, 21:29:46
- - SmokAnalog   A opisz dokładniej ten projekt, co dokładnie to ma...   18.03.2018, 21:42:11
- - BienuSS   Użytkownik wpisuje jakąś cyfre w inpucie, ona jest...   18.03.2018, 21:50:54
- - SmokAnalog   Każdy input ma ten mnożnik obok?   18.03.2018, 21:52:55
- - BienuSS   tak ale jest ukryty teraz dałem to tak: [HTML] pob...   18.03.2018, 21:54:54
- - SmokAnalog   Musiałbyś dużo konkretniej opowiedzieć co robisz, ...   18.03.2018, 22:09:28
- - BienuSS   Jest to jakby demo obstawiania meczy, uzytkownik d...   18.03.2018, 22:18:50
- - SmokAnalog   To może lepiej zapisuj mnożnik bezpośrednio w inpu...   18.03.2018, 22:27:02
- - BienuSS   Dziękuje Dokładnie o to chodziło   18.03.2018, 22:36:04


Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 15.10.2025 - 00:04