Question

`

<head>
   <link rel="stylesheet" href="mystyle.css">
   </head>

     <body>
     Product: <input type="text" id="txt1">

     Quantity: <input type="text" id="txt2">

     Price: <input type="text" id="txt3">

      <select id="dd1">
      <option disabled selected="selected">select store</option>
      <option value='A'>Store A</option>
      <option value='B'>Store B</option>
      </select>  

 <button onclick="get()">ADD PRODUCT </button>     
     <script>
     var arr=[];

     function get()
 {  
        var inputfield1= document.getElementById("txt1");
        var inputvalue1=inputfield1.value;  


        if(inputvalue1.length<5)
          {
               alert(" invalid input");`enter code here`
          }            

        var inputfield2= document.getElementById("txt2"); 
        var inputvalue2=inputfield2.value;
        var m2=+inputvalue2;        
         if(inputvalue1.length<0)
          {
               alert(" invalid input");
          } 
        var inputfield3= document.getElementById("txt3"); 
        var inputvalue3=inputfield3.value;
        var m3=+inputvalue3;        
         if(inputvalue1.length<0)
          {
               alert(" invalid input");
          } 

         var dd=document.getElementById("dd1").value;
         if(dd=="")
         {
          alert("select store");
          }


        var obj={Product: inputvalue1 , quantity: m2, price:m3};
        arr.push(obj);
        console.log(arr);
        var object=obj;

        function sell()
        {
          quantity=quantity-1;
          return quantity;
          }


        if(dd === 'A')
         {
           var product1 = "<div class='all'>"+object.product+"</div>";
           var quantity1 = "<div class='all'>"+object.quantity+"</div>";
           var price1 = "<div class='all'>"+object.price+"</div>";
           var store1 = "<div class='all'>"+A+"</div>";
           var str="";
           var row=str+row;
           var element1=document.createElement("div"); 
           element1.innerHTML = str;  
           document.body.appendChild(element1);}


           if(dd === 'B')
         {
           var product1 = "<div class='all'>"+object.product+"</div>";
           var quantity1 = "<div class='all'>"+object.quantity+"</div>";
           var price1 = "<div class='all'>"+object.price+"</div>";
           var store1 = "<div class='all'>"+"<button onclick='sell'>"sell"</button>"+"</div>";
           var str="";
           var row=str+row;
           var element1=document.createElement("div"); 
           element1.innerHTML = str;  
           document.body.appendChild(element1);}

           p1.style.visibility="visible";       

   } 

    </script>

请勿使用for循环，请使用Javascript中的所有数组函数，例如find，sort过滤器，findIndex，indexOf，map等。     有两个商店A和B。每个商店中的产品均维护其各自的阵列。最初，商店中没有产品，因此数组为空。
    新产品正在分配给商店。对于产品，其名称，价格和数量在3个文本字段中提供。为商店提供了带有两个选项A和B的下拉菜单。还提供了“添加产品”按钮。单击按钮后，检查所有数据是否有效：
    名称至少应包含5个字符。价格和数量应大于0。应选择商店。如果数据无效，则显示带有相应消息的警报。如果数据有效，则为产品创建JSON，然后将其添加到下拉列表中所选商店的数组中。

以表格格式显示商店A中的所有产品。然后在下面显示商店B中的所有产品。如果商店中没有产品，则显示消息-商店中没有产品。同时以表格形式显示产品-以及名称，价格和数量以及一个按钮显示（出售）。单击此按钮，将该产品的数量减少1。如果数量为0，则不显示该产品。

带有输入文本且无for循环的JSON数组

0 个答案: