Ta strona używa ciasteczek (cookies), dzięki którym nasz serwis może działać lepiej. Dowiedz się więcej OK, rozumiem

przelicznik prosty skrypt

Tworzenie dynamicznych stron internetowych z zastosowaniem JavaScript, jQuery, Ajax. Dowiedz się jak to zrobić, znajdź rozwiązania swoich problemów.

przelicznik prosty skrypt

Post 11.10.2017, 21:24:55

Witam, mam do napisania prosty przelicznik z liczb arabskich na rzymskie. Na razie mam taki kod:
Kod: Zaznacz cały
var konwertuj = document.getElementById('konwertuj');
         konwertuj.addEventListener(click, function() {
            var pole = getElementById('pole');
            var wartosc = pole.value;
            var liczba = parseInt(wartosc,10);
            var wynik = document.getElementById('wynik');
            var sprCyfr = liczba / 10;
            if (sprCyfr < 1) {
               if (liczba = 1) {
                  wynik.innerHTML = 'I';
               }
               if (liczba = 2) {
                  wynik.innerHTML = 'II';
               }
               if (liczba = 3) {
                  wynik.innerHTML = 'III';
               }
               if (liczba = 4) {
                  wynik.innerHTML = 'IV';
               }
               if (liczba = 5) {
                  wynik.innerHTML = 'V';
               }
               if (liczba = 6) {
                  wynik.innerHTML = 'VI';
               }
               if (liczba = 7) {
                  wynik.innerHTML = 'VII';
               }
               if (liczba = 8) {
                  wynik.innerHTML = 'VIII';
               }
               if (liczba = 9) {
                  wynik.innerHTML = 'IX';
               }
            }
            if (sprCyfr >= 1 && sprCyfr <= 10) {
               // dwucyfr
            }
            else {
               // trzycyfr
            }
         });

Kod: Zaznacz cały
<input type="textarea" name="" id="pole" value="">
<input type="submit" name="" id="konwertuj" value="Konwertuj">
<span id="wynik"></span>


Niestety nie działa. Będę wdzięczny za pomoc.
ksz
Posty: 7
Dołączył(a): 06.05.2017

Re: przelicznik prosty skrypt

Post 11.10.2017, 22:49:49

Pierwszy błąd:
Kod: Zaznacz cały
if (liczba = 1) {

do porównań mamy operator === (lub ==). Samo = to operator przypisania, czyli w powyższym kodzie przypisujesz do zmiennej liczba wartość 1.

Drugi błąd:
Kod: Zaznacz cały
var pole = getElementById('pole');

taka funkcja w JavaScript nie istnieje, chyba, że sam taką napisałeś. Istnieje za to
Kod: Zaznacz cały
document.getElementById('pole')
Avatar użytkownikakuku
Rafał Kukawski

+∞
+∞

Posty: 19587
Dołączył(a): 14.04.2002

Re: przelicznik prosty skrypt

Post 17.10.2017, 18:03:43

Ok rzeczywiście głupie błędy. Ale po poprawie skrypt powinien już działać (oczywiście w dokończonej części)? U mnie nadal nie hula. Wrzucam cały kod, proszę o nakierowanie.

Kod: Zaznacz cały
<!DOCTYPE html>
<html lang=pl>
    <head>
        <meta charset="utf-8" />
        <!--[if lt IE 9]>
        <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
        <![endif]-->     
        <style>
         .content {
            text-align:center;
         }
      </style>
        <title></title>
      <script>
      
         var konwertuj = document.getElementById('konwertuj');
         konwertuj.addEventListener(click, function() {
            var pole = document.getElementById('pole');
            var wartosc = pole.value;
            var liczba = parseInt(wartosc,10);
            var wynik = document.getElementById('wynik');
            var sprCyfr = liczba / 10;
            if (sprCyfr < 1) {
               if (liczba === 1) {
                  wynik.innerHTML = 'I';
               }
               if (liczba === 2) {
                  wynik.innerHTML = 'II';
               }
               if (liczba === 3) {
                  wynik.innerHTML = 'III';
               }
               if (liczba === 4) {
                  wynik.innerHTML = 'IV';
               }
               if (liczba === 5) {
                  wynik.innerHTML = 'V';
               }
               if (liczba === 6) {
                  wynik.innerHTML = 'VI';
               }
               if (liczba === 7) {
                  wynik.innerHTML = 'VII';
               }
               if (liczba === 8) {
                  wynik.innerHTML = 'VIII';
               }
               if (liczba === 9) {
                  wynik.innerHTML = 'IX';
               }
            }
            if (sprCyfr >= 1 && sprCyfr <= 10) {
               document.write('dw');
            }
            else {
               document.write('trz');
            }
         });

      </script>
    </head>
    <body>
   
      <div class="content">
         <form>
            <input type="textarea" name="" id="pole" value="">
            <input type="submit" name="" id="konwertuj" value="Konwertuj">
         </form>
         <span id="wynik"></span>
      </div>
         
    </body>
</html>
ksz
Posty: 7
Dołączył(a): 06.05.2017


Powrót do JavaScript


 


  • Podobne wątki
    Odpowiedzi
    Wyświetlone
    Ostatni post

Kto przegląda forum

Użytkownicy przeglądający ten dział: Brak zidentyfikowanych użytkowników i 12 gości

Hosting, Domeny, SSL

Subskrypcja

Mamy 50441 zarejestrowanych użytkowników.
Najnowszy użytkownik: MarekMarszałek


Nasi użytkownicy napisali:

  • 935652 wiadomości
  • w 246577 tematach

Najnowsze wpisy na blogu

Najnowsze artykuły

Najaktywniejsi (ostatnie 30 dni)