vtora

<!DOCTYPE html>
<html>
    <head>
        <style>
            label
            {
                width: 200px;
                display: inline-block;
            }
            div
            {
                margin-bottom: 7px;
            }
            #used
            {
                width :170px;
            }
            table,th,td
            {
                border: 1px solid black;
                border-collapse: collapse;
            }
            #div1,#div2
            {
                display: inline-block;
                padding: 10px;
            }

        </style>
        <script>
            function dodadi()
            {
                let name=document.getElementById("name");
                let item=document.getElementById("item");
                let price=document.getElementById("price");
                let code=document.getElementById("itemcode");
                let itemdes=document.getElementById("itemdes");
                let used=document.getElementById("used");


                if(name.value==="" || item.value==="" || price.value==="" || code.value==="" || itemdes.value==="" || used.value==="")
                {
                    alert("НЕ СЕ ВНЕСЕНИ СИТЕ ПОЛИЊА")
                    return;
                }

                let redicaArry1=document.getElementsByClassName("prv");

                for(let i=0;i<redicaArry1.length;i++)
                {
                    if(redicaArry1[i].children[3].innerHTML===code.value)
                    {
                        alert("Понајден е уште еден корисник со исти код")
                        return;
                    }
                }

                let redicaArry2 = document.getElementsByClassName("vtor");

                for(let i=0;i<redicaArry2.length;i++)
                {
                    if(redicaArry1[i].children[3].innerHTML===code.value)
                    {
                        alert("Понајден е уште еден корисник со исти код")
                        return;
                    }
                }

                if(used.value==="Never-used")
                {
                    let element=document.getElementById("tbody1")
                    let newElement=document.createElement("tr");
                     if(price.value>0)
                     {

                            newElement.innerHTML = "<td>" + name.value + "</td>" + "<td>" + item.value + "</td>" +
                                "<td>" + price.value + "</td>" + "<td>" + code.value + "</td>" +
                                "<td>" + itemdes.value + "</td>" + "<td><button id='kopche1' onclick='selling1(this)'>Sold</button></td>"
                            newElement.setAttribute("class", "prv")
                            element.append(newElement);

                     }
                     else
                     {
                        alert("Внесете соодветна цена");
                     }

                }
                else if(used.value==="used" )
                {
                    let element2=document.getElementById("tbody2")
                    let newElement2=document.createElement("tr");
                    if(price.value>0)
                    {
                         newElement2.innerHTML = "<td>" + name.value + "</td>" + "<td>" + item.value + "</td>" +
                            "<td>" + price.value + "</td>" + "<td>" + code.value + "</td>" +
                            "<td>" + itemdes.value + "</td>" + "<td><button id='kopche1' onclick='selling1(this)'>Sold</button></td>"
                        newElement2.setAttribute("class", "vtor");
                        element2.append(newElement2);
                    }
                    else
                    {
                        alert("Внесете соодветна цена");
                    }

                }
                //nema potreba od ova deka sekako treba da se poplneti site polinja
                // else
                // {
                //     alert("Одберете едно од понудените");
                //     return;
                // }
            }

            function kataloshki_br(code)
            {
                let codeStr=code.toString();
                for(let i=0;i<codeStr.length;i++)
                {
                    let index = str.indexOf("!");
                    codeStr.slice(0,index);
                    codeStr.slice(index+1);
                }
            }
            function selling1(btn)
            {
                let brishi=btn.parentNode;

            }

        function selling(btn)
        {
            //ako pritisnam sell da se izbrishe taa karticka
            let card=btn.parentNode;
             let total=document.getElementById("total");//go naogjam toj total
             let vku= parseInt(total.innerHTML);//mu ja zemam vrdonsot kolku shto e vo momentoot
             vku+= parseInt(card.children[4].children[0].innerHTML);
             total.innerHTML=vku;

            card.remove();//pred da ja izbrisham kartickata treba da se azhurira vk pordareni

        }

        </script>

    </head>
    <body>
        <h1 id="h1">Online shop</h1>
        <div>
            <label for="name">Name and surname</label>
            <input type="item" id="name">
        </div>
        <div>
            <label for="item">item</label>
            <input type="text"id="item" >
        </div>

        <div>
            <label for="itemcode">Item code</label>
            <input type="item" id="itemcode">
        </div>
        <div>
            <label for="itemdes">item description</label>
            <input type="text" id="itemdes" >
        </div>

        <div>
            <label for="price">price</label>
            <input type="text" id="price" >
        </div>
        <div>
            <label>Used</label>
            <select id="used">
                <option></option>
                <option>used</option>
                <option>Never-used</option>
            </select>
        </div>
        <div>
            <button id="btn" onclick="dodadi()">Add</button>
        </div>

        <div>
            <p>Acitve item<span id="total"></span></p>
        </div>

        <div id="div1">
              <table >
            <h3>Unused items</h3>
            <thead>
                <th>Name</th>
                <th>Item</th>
                <th>Price</th>
                <th>Code</th>
                <th>Number</th>
                <th>actions</th>
            </thead>
            <tbody id="tbody1"></tbody>
        </table>
        </div>

     <div id="div2">
         <table>
            <h3>Used items</h3>
            <thead>
                <th>Name</th>
                <th>Item</th>
                <th>Price</th>
                <th>Code</th>
                <th>Number</th>
                <th>actions</th>
            </thead>
            <tbody id="tbody2"></tbody>
        </table>
     </div>

    </body>
</html>