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
Niestety nie działa
Wstawiłeś skrypt na końcu? Pokaż cały HTML.
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:
EDIT:
mój błąd zamiast:
trzeba dać
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>
<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>
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>
document.getElementById('loo').addEventListener('input', e => {
document.getElementById('elo').innerHTML = e.target.value * 123;
});
</script>
Type to jak już text/javascript, a nie javascript/text 
Ale możesz śmiało pominąć ten atrybut.
Ale możesz śmiało pominąć ten atrybut.
Masz mnóstwo możliwości. Ja bym poszedł albo we wspólnego rodzica, albo w coś bardziej elastycznego:
To oczywiście wszystko w waniliowym JavaScripcie, jak chcesz to zrób sobie w jQuery, ale w dzisiejszych czasach warto rozważyć rezygnację z jQuery.
To oczywiście wszystko w waniliowym JavaScripcie, jak chcesz to zrób sobie w jQuery, ale w dzisiejszych czasach warto rozważyć rezygnację z jQuery.
Mam coś takiego:
a tu js
https://jsfiddle.net/u4fz0vhb/34/
i zamiast xxxxxx potrzebuje wstawić wartość z spana, próbowałem closest(), getElementByiD, i jak narazie 0 pomysłów, jak by ktoś dał rade podać mi polecenie do którego powinienem sie odwołać, nie chce gotowego kodu, a pomysłu jak by to zrobić, z góry dzięki!
a tu js
Kod
document.querySelectorAll('[data-binding]').forEach(input => {
input.addEventListener('input', event => {
document.getElementById(event.target.dataset.binding).innerHTML = "<b>Razem: "+Math.round((event.target.value*xxxxxxx))+"</b>";
});
});
input.addEventListener('input', event => {
document.getElementById(event.target.dataset.binding).innerHTML = "<b>Razem: "+Math.round((event.target.value*xxxxxxx))+"</b>";
});
});
https://jsfiddle.net/u4fz0vhb/34/
i zamiast xxxxxx potrzebuje wstawić wartość z spana, próbowałem closest(), getElementByiD, i jak narazie 0 pomysłów, jak by ktoś dał rade podać mi polecenie do którego powinienem sie odwołać, nie chce gotowego kodu, a pomysłu jak by to zrobić, z góry dzięki!
Czy takie zachowanie z mnożeniem będzie występowało wiele razy na stronie? Pytam, bo zastanawiam się czy warto tak starać się robić elegancki HTML czy może lepiej robić osobne callbacki.
Na stronie jesli uzytkownik bedzie chciał wpisać w kazde pole coś to koło 100 razy
A opisz dokładniej ten projekt, co dokładnie to ma robić?
Użytkownik wpisuje jakąś cyfre w inpucie, ona jest mnożona przez zmienną pobraną z bazydanych i wyświetlana w divie pod inputem w którym wpisywaliśmy cyfrę
Każdy input ma ten mnożnik obok?
Musiałbyś dużo konkretniej opowiedzieć co robisz, żebym Ci doradził jakieś fajne rozwiązanie. Nie wiem czy ten mnożnik gdzieś zapisujesz czy nie. Opowiedz po prostu szczegółowo o projekcie. Nie mów mi o divach i inputach, tylko jak chłop krowie na rowie - co to jest i co ma robić.
Jest to jakby demo obstawiania meczy, uzytkownik dostaje na start 100000 punktów i moze nimi obstawiac, kursy są tworzone tak że pobieraz sie z bazydanych ilosc punktów na druzyne a, drużyne b i zapisuje sie do zmiennej. Użytkownik wpisuje ile chce postawic coinsów na daną drużyne i mnoży mu razy dany kurs
To może lepiej zapisuj mnożnik bezpośrednio w inpucie i po wspólnym rodzicu szukaj odpowiedniego diva? Nie ma sensu w takim razie ten mój pomysł z data-bind, bo musiałbyś na siłę nadawać nazwy. Lepiej coś na kształt:
Dziękuje 
Dokładnie o to chodziło
Dokładnie o to chodziło
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.