How do I dynamically assign a value inside an HTML element?

Ask the community
,
15

@mobilegames Ok, my last post for today…

Then you perhaps could do something like that…


<html>  
  <head>
      <title></title>
      <script src="https://apis.google.com/js/platform.js"></script>
  </head>
  <body onload="start()">   
    <div id="youtubeContainer" ></div>    
    <script> 
    
    	function start(){
        window.onmessage =  async (event) => {
          let recievedData = await event.data; console.log(recievedData)
         
          document.getElementById("youtubeContainer").innerHTML=recievedData
          
          else{console.log("No data found!!!")}
        } 
      }
    </script>  
  </body>
</html>

Your data should look this way…

$w.onReady(()=>{
  let myData2send =('<div class="g-ytsubscribe" data-channel="LuisMetalKid" data-layout="default" data-count="default"></div>');

	$w('#mySendButton').onClick(()=>{
		"$w("#html1").postMessage(myData2send);
	});
});

Good luck!