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.