Blogforsavelearning

Use variable with javascript inner HTML   var str = document.getElementById("elementID").value var res = str.split(" ") res.length Script javascript  <script type="text/javascript"> function valicontact() {   var x = document.getElementById("inputFirstname").value;   var res = x.split(",")   var y = document.getElementById("signum").value;   var ress = y.split(",")   var z = document.getElementById("Contactno").value;   var resss = z.split(",")   var n = res.length   var s = ress.length   var c = resss.length   if (s == c && s == n){   Sbutton.style.display = "block";   document.getElementById("errormessage").innerHTML = ""   } else {   document.getElementById("errormessage").innerHTML = "Number of Name,Signum and Contact should be same <br> name =" + n + "<br> Signum = " + s + "<br> Contact =" +c

  +++++++++++++++++++++++ Template  {% block javascript %}     <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>     <script>         $(document).ready(function () {             // catch the form's submit event             $('#changelogs').submit(function () {                 // create an AJAX call                 $.ajax({                     data: $(this).serialize(), // get the form data                     type: $(this).attr('method'), // GET or POST                     url: "{% url 'logs' %}",                     // on success                     success: function (response) {                         alert("Thankyou for reaching us out " + response.id);                     },                     // on error                     error: function (response) {                         // alert the error if any error occured                         alert(response.responseJSON

 <footer class="bg-light text-center text-lg-start" style="position: fixed; left: 0; bottom: 0; width: 100%; text-align: center;">   <!-- Copyright -->   <div class="text-center p-2" style="background-color: rgba(0, 0, 0, 0.2);">     © 2021 Copyright:     <a class="text-dark" href="#">explinux.com</a>   </div>   <!-- Copyright --> </footer> See the example  © 2021 Copyright: explinux.com

 <script type="text/javascript">     function ShowHideDiv() {         var approvalatt = document.getElementById("approvalatt");         var Attachmail = document.getElementById("Attachmail");         if (approvalatt.value === "No"){         Attachmail.style.display = "block";         }else {         Attachmail.style.display = "none";     }     } </script> This section will work on java script  <select class="form-select rounded-pill bg-light" aria-label="approvalatt" name="approvalatt" id="approvalatt" onchange=ShowHideDiv() required>                         <option value="No" selected>No</option>                         <option value="Yes">Yes</option>                         </select> Demo No Yes