JavaScript

Sami's spaceship crashed on Mars! She sends a series of SOS messages to Earth for help.

Letters in some of the SOS messages are altered by cosmic radiation during transmission. Given the signal received by Earth as a string, s, determine how many letters of Sami's SOS have been changed by radiation.

For example, Earth receives SOSTOT. Sami's original message was SOSSOS. Two of the message characters were changed in transit.

Function Description:

Complete the marsExploration function in the editor below. It should return an integer representing the number of letters changed during transmission.

marsExploration has the following parameter(s):

s: the string as received on Earth


Return type should be a number.
marsExploration("SOSSOT") should return 1
marsExploration("SSOSSPSSQSSOR") should return 9
The answer should be valid for any given input.

<script type="text/javascript">
    $(function () {
        $("[id*=ddlWater]").change(function () {
            var row = $(this).closest("tr");
            var value = $(this).val();
            if (value == "" ) {
                row.find("[id*=txt_watersizes]").attr("disabled", "true");
            } else {
                row.find("[id*=txt_watersizes]").removeAttr("disabled");
            }
        });
    });
</script>

     <td>
       <asp:DropDownList ID="ddlWater" AppendDataBoundItems="true" runat="server">
       <asp:ListItem Text="29.9" Value="1" />
       <asp:ListItem Text="2.98" Value="2" />
       <asp:ListItem Text="0.33" Value="3" />      
       </asp:DropDownList>
     </td>
     <td>
        <asp:TextBox ID="txt_watersizes" runat="server"></asp:TextBox>
    </td>

Hello everyone

I have a purchase order that works great.

But so that the user can have a better experience, I would like to replace the select which is used to choose the quantity of articles by buttons + and -

But I am facing a small problem which is the recovery of the elements of my article.

Indeed for the moment, when I choose a quantity with the select this quantity is overlapped by the function changeQte (element)


Then when I click on the add to cart button, I retrieve the different data from "ajouter au panier" button


So this whole part, I got it right

Once an item is in the cart, I can modify its quantity with a plus or a minus


So I know the objects exist in my code to make it, that is.

ajouter_produit_dans_panier

And

enlever_produit_de_panier

It would therefore suffice that I add two buttons with clicks + and - to replace the select

Yes, but here is how to manage the data elements at this time

data-name="Item 1" data-price="1.10" data-qty="1"

I give you my codpen code, it's easier for the test

<a href="https://codepen.io/flexi2202/pen/poOeOgv">https://codepen.io/flexi2202/pen/poOeOgv</a>[<a href="https://codepen.io/flexi2202/pen/poOeOgv" target="_blank" title="New Window">^</a>]
Ah yes, I already deleted the select and the add to cart button and replace with my buttons

Good morning
In my code in javascript I would like to trigger a pop up in javascript
But without click and without ID

In a place of my code, I have a condition and in this condition, I would like to open a popup if the condition is true

To facilitate, I give you my code
<a href="https://codepen.io/flexi2202/pen/rNZeQBw">https://codepen.io/flexi2202/pen/rNZeQBw</a>[<a href="https://codepen.io/flexi2202/pen/rNZeQBw" target="_blank" title="New Window">^</a>]

<pre>       <a data-nom="2001" class="btn btn-primary ajouter-panier b-items__item__add-to-cart" onclick="myFunction();">
                       ajouter au panier
                     </a><br>

                     <div class="panel" style="display:none">
                       <a data-qte2="0" class=" ajouter-panier ">
                         retirer panier
                       </a><br>
                     </div>
                     <a data-nom="2002" class="btn btn-primary ajouter-panier b-items__item__add-to-cart" onclick="myFunction();">
                       ajouter au panier
                    </a><br>

                     <div class="panel" style="display:none">
                       <a data-qte2="0" class=" ajouter-panier ">
                         retirer panier
                       </a><br>
                     </div>
                     <a data-nom="2003" class="btn btn-primary ajouter-panier b-items__item__add-to-cart" onclick="myFunction();">
                       ajouter au panier
                     </a><br>

                     <div class="panel" style="display:none">
                       <a data-qte2="0" class=" ajouter-panier ">
                         retirer panier
                       </a>

<pre lang="Javascript">function myFunction() {
 var a = document.querySelectorAll(".panel[style*='display:none']");
 console.log ("display",a)
a[0].style.display ='block'; 
}

function myFunction2() {
 var b = document.querySelectorAll(".panel[style*='display:block']");
 console.log ("display",b)
b[0].style.display ='none'; 
}

how to unzip and download all images of a zip file using javascript

I need an element on my page to slide-in automatically 3 seconds after page is opened, and then slide-out after user chooses their preferred choice from the dropdown menu (which is the Element). I want the slide-in/slide-out effect to be from the right-hand side of the page. 

The dropdown menu particularly is the 'Google Translate Element', which I have styled to my desired appearance, and I want this to slide in 4 seconds upon page lunch and after user chooses desired language, it slides out.

Below is the code for the styled Element

 /*google translate Dropdown */
 
#google_translate_element select{
 background: rgba(246,237,253,0.92) !important;
 border: none !important;
 color: rgba(54,58,173) !important;
 width: 115px !important;
 border-radius: 5px !important;
 padding: 5px 5px !important;
 font-size: 11.8px !important;
 position: absolute !important; 
 margin-top: 84px !important; 
 margin-left: 232px !important;
 
}


.vl {
    position: absolute !important;
    border-left: 3.7px solid green !important;
    border-radius: 2px !important;
    height: 30px !important;
    margin-top: 67px !important;
    margin-left:351px !important;
}





 /*google translate link | logo */
.goog-logo-link,.goog-te-gadget span,div#goog-gt-{
   display:none!important;
}

.goog-te-gadget{
   color:transparent!important;
   font-size:0;
 }
 
 /* google translate banner-frame */
 
.goog-te-banner-frame{
 display:none !important;
 }
 
 
#goog-gt-tt, .goog-te-balloon-frame{
   display: none !important;
    
}

.goog-text-highlight { 
    background: none !important; 
    box-shadow: none !important;
}

<div id="google_translate_element"></div>
<div class="vl"></div>

I need api connection code from google calendar in javascript

    <script type="text/javascript">
        $('#SameAsMailing').click(function () {
         if ($('input[name="SameAsMailing"]').is(':checked')) {
         $('#mailStreetAddress').val($('#instAddress').val());
         $('#mailCity').val($('#instAddressCity').val());
         var thestate = $('#instAddressState option:selected').val();
         if (thestate != "") {
                     $('#mailState option[value="' + thestate + '"]').prop('selected', true);
              }
         $('#mailZip').val($('#instAddressZip').val());
         }
       else
        {
        //Clear on uncheck
        $('#mailStreetAddress').val("");
        $('#mailCity').val("");
        $('#mailState option:eq(0)').prop('selected', true);
        $('#mailZip').val("");
       }
     });
   </script>


<asp:TableRow>
  <asp:TableHeaderCell CssClass="align-right">Install Address:</asp:TableHeaderCell>
<asp:TableCell><asp:TextBox ID="instAddress" runat="server" /></asp:TableCell>
<asp:TableHeaderCell CssClass="align-right">City:</asp:TableHeaderCell>
</asp:TableRow>
<asp:TableRow>
<asp:TableHeaderCell CssClass="align-right">City:</asp:TableHeaderCell>
<asp:TableCell><asp:DropDownList ID="instAddressCity" OnSelectedIndexChanged="instAddressCity_Changed" AutoPostBack="true" runat="server" /></asp:TableCell>
<asp:TableHeaderCell CssClass="align-right">State:</asp:TableHeaderCell>
<asp:TableCell  CssClass="align-left"><asp:Label ID="instAddressState" runat="server" Text="WI" /></asp:TableCell>
<asp:TableHeaderCell CssClass="align-left">Zip:</asp:TableHeaderCell>
<asp:TableCell><asp:DropDownList ID="instAddressZip" runat="server" /></asp:TableCell>
</asp:TableRow>

<asp:TableRow>
<asp:TableHeaderCell CssClass="align-right">Address:</asp:TableHeaderCell>
<asp:TableCell><asp:TextBox ID="mailStreetAddress" runat="server" /></asp:TableCell>
<asp:TableHeaderCell CssClass="align-right">City:</asp:TableHeaderCell>
<asp:TableCell><asp:TextBox ID="mailCity" runat="server" /></asp:TableCell>
</asp:TableRow>
<asp:TableRow>
<asp:TableHeaderCell CssClass="align-right">State:</asp:TableHeaderCell>
<asp:TableCell><asp:DropDownList ID="mailState" runat="server"></asp:DropDownList></asp:TableCell>
<asp:TableHeaderCell CssClass="align-right">Zip:</asp:TableHeaderCell>
<asp:TableCell><asp:TextBox ID="mailZip" runat="server" /></asp:TableCell>
</asp:TableRow>