Windows 10 will reach EOS (end of support) on October 14, 2025. For more information, see this article.

Avatar for Username

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

This thread was archived. Please ask a new question if you need help.

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

dvskhamele
dvskhamele
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>

Although there is a proper id on html but still its showing "TypeError: document.getelementbyid(...) is null". <pre><nowiki><!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></nowiki></pre><br>
Attached screenshots

Modified by cor-el

All Replies (1)

jscher2000 - Support Volunteer
jscher2000 - Support Volunteer
  • Top 10 Contributor
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.