Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

TypeError: document.getelementbyid(...) is null

  • 1 reply
  • 1 has this problem
  • 5 views
  • آخر ردّ كتبه jscher2000

more options

Although there is a proper id on html but still its showing "TypeError: document.getelementbyid(...) is null".


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Fundraising made simple</title>
</head>
<body>
              <form method="post" action="" >
                  <button class="btn btn-success" style="margin: 14px;margin-left: 3em;" name="input_amount" id="total_ammount" value="00.00" type="submit" >Pay </button>
              </form>
<script>
function myFunction(id) {
    console.log('hello all',id)
    document.getElementById('ammounth1').innerHTML = '$ '.concat(counts.toFixed(2));
    document.getElementById('ammounth2').innerHTML = '$ '.concat(count_percentage.toFixed(2));
    document.getElementById('ammounth3').innerHTML = "Paypal will be billed : $ ".concat( total)
    document.getElementById('total_ammount').setAttribute('value',total)
}
</script>


    </div>
<!-- test to see if user is logged in our not -->
<!-- True -->

<!-- Google site tag code -->
    
        
    

<!-- fullscreen fg fields background -->
    
    <style>
        body {
        background: url("https://alphabetacharlie.s3-eu-west-1.amazonaws.com/media/images/KICKSTARTER_FUNDGRAZING_WALLET.png") no-repeat center center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        }
    </style>
    

    <footer>
        <div class="container">
            <h5> &copy; Copyright 2020 fundgrazing.com All Rights Reserved <a href="/accounts/contact_us/" target="_blank">Contact Us</a>  |  <a href="/accounts/gdpr/" target="_blank">GDPR</a></h5>
        </div>
    </footer>

<!-- Twitter universal website tag code -->
<script>
    !function(e,t,n,s,u,a){e.twq||(s=e.twq=function(){s.exe?s.exe.apply(s,arguments):s.queue.push(arguments);
    },s.version='1.1',s.queue=[],u=t.createElement(n),u.async=!0,u.src='//static.ads-twitter.com/uwt.js',
    a=t.getElementsByTagName(n)[0],a.parentNode.insertBefore(u,a))}(window,document,'script');
    // Insert Twitter Pixel ID and Standard Event data below
    twq('init','o3hea');
    twq('track','PageView');
    </script>
    <!-- End Twitter universal website tag code -->

</body>
</html>

Attached screenshots

Modified by cor-el

All Replies (1)

more options

Hi dvskhamele, this isn't a good forum for pasting large amounts of code. Probably better to use StackOverflow: Where to go for developer support.

Helpful?

اطرح سؤالا

عليك الولوج إلى حسابك للردّ على المشاركات. من فضلك اطرح سؤالًا جديدًا لو لم يكن لديك حساب بعد.