title: how to insert Javascript variable into p tag
body: <p>Basically I have variable called test and I am trying to insert it into the html tag. I have tried by adding an id to the p tag and then calling it by using </p>
  
  <pre><code>var test1 = DynamicContent.simpleTest_Sheet1[0].Ad_Copy_1 = "Invest in an&lt;br/&gt;International Career";
      document.getElementById("test").innerHTML = test1; 
  </code></pre>
  
  <p>However this didn't seem to work because the text does not get displayed when its run. What am I doing wrong? The full code is below:</p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
  &lt;meta charset="utf-8"&gt;
  &lt;title&gt;animatebanner&lt;/title&gt;
  &lt;link rel="stylesheet" href="css/animate.css" type="text/css"&gt;
  &lt;link rel="stylesheet" href="css/styles.css" type="text/css"&gt;
  
  &lt;style type="text/css"&gt;
  body {
      margin-left: 0px;
      margin-top: 0px;
      margin-right: 0px;
      margin-bottom: 0px;
  }
  &lt;/style&gt;
  &lt;meta name="ad.size" content="width=300,height=600"&gt;
  
  &lt;script type="text/javascript"&gt;
  var clickTag = "http://www.google.com"; &lt;/script&gt;
  &lt;!--
   * Dynamic Content Enable code for Profile: 1051982
   *
   * The following code initializes the following dynamic variables for
   * development testing and live serving of Fields associated to the above profile
  --&gt;
  
  &lt;!-- DynamicContent Start: HTML5 invocation code. --&gt;
  &lt;script type="text/javascript"&gt;
  
  // Dynamic Content variables and sample values
      Enabler.setProfileId(1051982);
      var devDynamicContent = {};
  
      devDynamicContent.simpleTest_Sheet1= [{}];
      devDynamicContent.simpleTest_Sheet1[0]._id = 0;
      devDynamicContent.simpleTest_Sheet1[0].Unique_ID = 1;
      devDynamicContent.simpleTest_Sheet1[0].Reporting_Label = "londoncoursedynamiccontent";
      devDynamicContent.simpleTest_Sheet1[0].LI_ID = 3059723;
      devDynamicContent.simpleTest_Sheet1[0].Background_Colour = "#2d2d2d";
      devDynamicContent.simpleTest_Sheet1[0].Logo = {};
      devDynamicContent.simpleTest_Sheet1[0].Logo.Type = "file";
      devDynamicContent.simpleTest_Sheet1[0].Logo.Url = "https://s0.2mdn.net/ads/richmedia/studio/pv2/37301334/dirty/no_timer/images/logo.png";
      devDynamicContent.simpleTest_Sheet1[0].Font_Colour_1 = "#FFFFFF";
      devDynamicContent.simpleTest_Sheet1[0].Ad_Copy_1 = "Invest in an&lt;br/&gt;International Career";
      devDynamicContent.simpleTest_Sheet1[0].Ad_Copy_2 = "Find out more";
      devDynamicContent.simpleTest_Sheet1[0].Exit_URL = "www.google.com";
      devDynamicContent.simpleTest_Sheet1[0].Default = false;
      devDynamicContent.simpleTest_Sheet1[0].Active = true;
      Enabler.setDevDynamicContent(devDynamicContent);
  
      var test1 = DynamicContent.simpleTest_Sheet1[0].Ad_Copy_1 = "Invest in an&lt;br/&gt;International Career";
      document.getElementById("test").innerHTML = test1; 
  &lt;/script&gt;
  
  &lt;!--
   * You may access the variables in the following manner
   * AFTER the Studio Enabler is initialized.
   * var Unique_ID = dynamicContent.simpleTest_Sheet1[0].Unique_ID;
   * Note: be sure to use "dynamicContent", not "devDynamicContent"
  --&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
  
  &lt;a href="javascript:window.open(window.clickTag)" style="color:#000000"&gt;
  
  &lt;div style="width:300px; height:600px; z-index:1; background-color:#2d2d2d; position:fixed; margin:0px;" class="click-layer" id="clickLayer"&gt;
  
  &lt;p style="margin-left:27px; margin-top:20px; position:fixed; text-align:center; font-size:26px; font-family: 'Open Sans', sans-serif; line-height:1.1; color:#FFFFFF;" class="animated fadeInDown text1" id="test"&gt;&lt;/p&gt;
  
  &lt;img src="images/pic1.jpg" width="298" height="300" alt="" style="margin-top:100px;" class="animated fadeIn pic1"/&gt; 
  
  &lt;input type="button" style="border:0px; position:fixed; margin-top:105px" class="animated fadeIn calltoaction btn"&gt;
  
  &lt;p style="margin-left:80px; margin-top:112px; position:fixed; text-align:center; font-size:20px; font-family: 'Open Sans', sans-serif; line-height:1; z-index:1; color:#FFFFFF;" class="animated infinite fadeInCustom text3"&gt;&lt;b&gt;Find out more&lt;/b&gt;&lt;/p&gt;
  &lt;img src="images/logo.png" width="116" height="22" alt="" style=" margin-left:100px; margin-top:160px" class="animated fadeInUp logo"/&gt; &lt;/div&gt;&lt;/a&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>