SmaJli

Smetki IP ispit

Jun 13th, 2021
792
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!DOCTYPE html>
  2. <html lang="en">
  3.  
  4. <head>
  5.     <meta charset="UTF-8">
  6.     <title>Title</title>
  7.     <style>
  8.         .smetka {
  9.            border:  1px solid black;
  10.            display: inline-block;
  11.            width: 150px;
  12.            height: 280px;
  13.            padding: 10px;
  14.            box-sizing: border-box;
  15.         }
  16.     </style>
  17.     <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
  18.  
  19. </head>
  20.  
  21. <body>
  22.     <p>Систем за сметки</p>
  23.     <p>Име:<input type="text" id="ime"></p>
  24.     <p>Презиме:<input type="text" id="prezime"></p>
  25.     <p>ID:<input type="text" id="id"></p>
  26.     <p>Промет:<input type="text" id="promet"></p>
  27.     <input type="button" onclick="zacuvaj()" value="Зачувај"></input>
  28.     <h2>Vneseni smetki</h2>
  29.     <div id="tabela"></div>
  30.  
  31.     <h4>Plateni</h4>
  32.     <div id="plateni"></div>
  33.  
  34.  
  35.  
  36.     <script>
  37.  
  38.         let primer = `[{
  39.         "ime":"Nikola","prezime":"Nikolovski","id":"NNN1asdfgh","promet":"1000"},
  40.         {"ime":"Nikolina","prezime":"Nikolovska","id":"NNN2asdfgh","promet":"3000"}]`
  41.  
  42.         let smetki = []    
  43.         let nizaOdPrimer = JSON.parse(primer)
  44.  
  45.         for(let i=0 ; i <nizaOdPrimer.length; i++){
  46.            let ime = nizaOdPrimer[i].ime;
  47.            let prezime = nizaOdPrimer[i].prezime;
  48.            // let id=document.getElementById("id").value.toString().toString();
  49.            let id = nizaOdPrimer[i].id;
  50.            let promet = parseInt(nizaOdPrimer[i].promet);
  51.  
  52.            smetki.push(id)
  53.                    const tabela = document.getElementById('tabela')
  54.  
  55.                    let bojaKlasa = ''
  56.                    let boja = ''
  57.  
  58.                    if(promet< 5000) {
  59.                        boja= 'lightgreen'
  60.                        bojaKlasa = 'zelena'
  61.                    } else {
  62.                        boja = 'pink'
  63.                        bojaKlasa = 'crvena'
  64.                    }
  65.  
  66.                    tabela.innerHTML +=`
  67.                            <div class="smetka" id="${id}" style="background-color:${boja};" >
  68.                                 <p>broj: ${random()}</p>
  69.                                 <p>Ime: ${ime}</p>
  70.                                 <p>Prezime: ${prezime}</p>
  71.                                 <p>ID: ${id}</p>
  72.                                 <p>Promet: <span class="cena">${promet}</span> </p>
  73.                                 <button onclick="platismetka('${id}')" >Plati</button>
  74.                         </div>
  75.                     `
  76.  
  77.         }
  78.  
  79.        
  80.         // aktivni smetki
  81.         function platismetka(id){
  82.             smetki = smetki.filter(ID => ID !== id)
  83.  
  84.             const smetka = document.getElementById(id)
  85.             const plateniSmetkiDIV = document.getElementById('plateni')
  86.             const smetkaCopy = smetka.cloneNode(true)
  87.            
  88.             $(smetka).hide()
  89.             smetkaCopy.removeChild(smetkaCopy.getElementsByTagName('button')[0])
  90.             smetkaCopy.style.backgroundColor = 'gray'
  91.             plateniSmetkiDIV.appendChild(smetkaCopy)
  92.  
  93.         }
  94.  
  95.         function random() {
  96.             return (Math.floor(Math.random() * 100000) + 1);
  97.         }
  98.         function zacuvaj() {
  99.             let ime = document.getElementById("ime").value;
  100.             let prezime = document.getElementById("prezime").value;
  101.             let id = document.getElementById("id").value;
  102.             let promet = parseInt(document.getElementById("promet").value);
  103.  
  104.             // Proverka
  105.             let broevi = 0;
  106.             let bukvi = 0;
  107.             const characters = id.length
  108.  
  109.             for (let i = 0; i < id.length; i++) {
  110.                // proveruva brojki
  111.                if (!isNaN(id[i])) {
  112.                    broevi++;
  113.                }
  114.                // proveruva bukvi
  115.                if (id[i].charCodeAt() >= 65 && id[i].charCodeAt() <= 90) {
  116.                    bukvi++;
  117.                 }
  118.             }
  119.  
  120.             if (characters === 10 && broevi === 1 && bukvi >= 3) {
  121.                const brojNaSmeta =random()
  122.  
  123.                // proverka za id
  124.                if(!smetki.includes(id)){
  125.                    smetki.push(id)
  126.                    const tabela = document.getElementById('tabela')
  127.  
  128.                    let boja = ''
  129.  
  130.                    if(promet< 5000) {
  131.                        boja= 'lightgreen'
  132.                    } else {
  133.                        boja = 'pink'
  134.                    }
  135.                    tabela.innerHTML +=`
  136.                            <div class="smetka" id="${id}" style="background-color:${boja};" >
  137.                                 <p>broj: ${brojNaSmeta}</p>
  138.                                 Ime:  <p class="ime">${ime}</p>
  139.                                 <p>Prezime: ${prezime}</p>
  140.                                 <p>ID: ${id}</p>
  141.                                 <p>Promet: <span class="cena">${promet}</span> </p>
  142.                                 <button onclick="platismetka('${id}')" >Plati</button>
  143.                         </div>
  144.                     `
  145.                 } else {
  146.                     const smetkaZaUpdate = document.getElementById(id)
  147.                     const cenaElement = smetkaZaUpdate.getElementsByClassName('cena')[0]
  148.                     const cena = parseInt(cenaElement.innerText)
  149.                     cenaElement.innerHTML = cena + promet
  150.                 }
  151.  
  152.             } else {
  153.                 alert('nesto ne e vored')
  154.             }
  155.         }
  156.     </script>
  157.  
  158. </body>
  159.  
  160. </html>
RAW Paste Data