Calling variable from javascript in an html doc

Question

I work in schools and use google forms to keep track of a number of things. One of these forms emails people with information from the sheet that is entered. I have managed to cobble together a good script that provides this service, however, I want it to look good.

My question is simple (or so I believe it is): When I put in my HTML for the body of the email, how do I call the variables that I have defined earlier in the script?

Do I need to define them in the HTML or can I call them from the JavaScript?

I am not a serious coder by any means but this one has seemed to escape my ability to google it.

Any help would be appreciated.

I believe you would need to evaluate the variables before they go into the body (and get emailed). Most, if not all, email clients block any sort of javascript from running in the email body. — Reza Karami
– Reza Karami, Commented Sep 25, 2017 at 13:33
Please paste the HTML you are writing as well as this script you are talking about, also highlight what variables do you need and where do you need them. — M0nst3R
– M0nst3R, Commented Sep 25, 2017 at 14:32
"...however, I want it to look good." Ok, that would be CSS more than JavaScript. Are you limited and can't use CSS because some or all of your clients use Outlook to read their mail? — zer00ne
– zer00ne, Commented Sep 25, 2017 at 14:55

ahmetkilinc · Accepted Answer · 2017-09-25 14:22:04Z

1

calling a value of the variable created in javascript, outside the script.

    <html>
    <script>
    var somevariable = "hi"; //this is the variable you create in JavaScript

    window.onload = function() {

       document.getElementById("blabla").innerHTML = somevariable; //here you send the value of 'somevariable' to html.
    } 
    </script>
    <body>
    <input type="text" id="blabla" name="someInput"></input>
    </body>
    </html>

answered Sep 25, 2017 at 14:22

ahmetkilinc

6848 silver badges20 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Dalokey · Accepted Answer · 2017-09-30 15:09:28Z

I am not too sure what your code looks like so this is only an attempt to answer what I understand so far.

In you HTML document you don't call variables, you call functions. for example when you click a button, the text would change to what your variable is by calling the onclick Event inside the button, ChangeText() will be the function for the first example:

<!DOCTYPE html>
<html>
    <body>
        <p id="p1">Hello</p> <br />
        <button onclick="ChangeText()">Button</button> <!-- onclick event -->

        <script>
            var p1 = document.getElementById("p1"); //variable created

            function ChangeText () {
                //when you click the button this function will be called
                p1.innerHTML = "Changed text on button click!";
            }
         </script>
    </body>
</html>

You could also call on the load of the document (but this would mean that you would't see what it was before):

<!DOCTYPE html>
<html>
    <body>
        <p id="p1">Hello</p> <br />

        <script>
            var p1 = document.getElementById("p1"); //variable created
            p1.innerHTML = "Changed text on page load!"; //change text on load
         </script>
    </body>
</html>

hope this helps.

Collectives™ on Stack Overflow

Calling variable from javascript in an html doc

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related