How do you dynamically set the URL in the JavaScript API?

Unfortunately you can not add script tags to the innerHtml of a element directly as the browser will not execute the JavaScript code. Instead to add a script tag dynamically the tag needs to be added to the DOM.

This is illustrated in the small example below, using the GrabzIt JavaScript Library.

<html>
<head>
<script src="https://cdn.jsdelivr.net/npm/@grabzit/js@3.5.2/grabzit.min.js"></script>
</head>
<body>
<div id='insertCode'></div>
<script type='text/javascript'>
// Get the value from input box or link
var url = 'http://www.yahoo.com'
    
GrabzIt("Sign in to view your Application Key").ConvertURL(url).AddTo('insertCode');
</script>
</body>
</html>

More Web Capture Articles Community Web Capture Questions