@TIMAI2
this is index.html
<!DOCTYPE html>
<html>
<head>
<base target="_top">
<title>Upload Files</title>
</head>
<body>
<div>
<label style="font-size: 18px;">By:</label>
<img src="https://www.kindpng.com/picc/m/575-5752721_png-images-png-download-embankment-tube-station-transparent.png" alt="kodular img"
style="height:20px;margin-bottom: -5px;">
<a style="color:rgb(4, 134, 85) ;" href="https://community.kodular.io/u/_ahmed" target="_blank"><label style="font-size: 18px;" >Mr_Koder<label></a>
</div>
<br>
<div style="margin-left: 30px;">
<img src="https://pbs.twimg.com/media/DLxhDrsWsAAUFe9.png" alt="instrgam img"
style="height:20px;margin-bottom: -5px;">
<a style="color:rgb(4, 134, 85)" href="https://www.instagram.com/mr_koder/" target="_blank"><label style="font-size: 18px;">Mr_Koder<label></a>
</div>
<br>
<div style="margin-left: 25px;">
<img src="https://dksartwork.com/wp-content/uploads/2019/11/FaceBookIcon.png" alt="facebook img"
style="height:20px;margin-bottom: -5px;">
<a style="color:rgb(4, 134, 85)" href="https://www.facebook.com/ahmed.azam.52" target="_blank"><label style="font-size: 18px;" >Mr_Koder<label></a>
</div>
<br>
<div style="margin-left: 20px;">
<img src="https://mpng.subpng.com/20180404/qje/kisspng-telegram-logo-computer-icons-social-5ac4d3b07d03e4.6297093415228486885121.jpg" alt="telegram img"
style="height:20px;margin-bottom: -5px;">
<a style="color:rgb(4, 134, 85)" href="https://t.me/Ahmed87650" target="_blank"><label style="font-size: 18px;" >Mr_Koder<label></a>
</div>
<div style="width:100%;text-align: center; ">
<img style="height:100px;width: 100px;align-items: center;" src="https://cutewallpaper.org/24/google-new-logo-png/google-drive-logo-png-and-vector-logo-download.png">
</div>
<br><br>
<h1 style="margin-bottom: 10px;text-align: center;"><U style="color: rgb(4, 134, 85);">Upload files to Google drive from URL</U></h1>
<br><br><form>
<div style="text-align: center;"><label>Enter the URL</label>
<input type="text" name="myFile" id="url" style="height:20px;
width:70%;border-radius: 5px;
border-width: 1px;
border-color: rgb(4, 134, 85);"></div>
<br>
<br>
<input style="border-radius: 10px ;border-color: transparent;
background-color:rgb(170, 231, 211) ;
font-size: 15px;
height: 40px;
margin-left: 45%;" type="button" id="submitBtn" value="Upload Files">
<br>
<br>
<label style="font-size: 20px;" id="resp"><label>
</form>
<br><br>
<div class="circle-wrap">
<div class="circle">
</div>
</div>
<script>
document.getElementById('submitBtn').addEventListener('click',
function(e){
if (document.getElementsByTagName("input")[0].value.length==0) {
document.getElementById('resp').innerHTML = "please Enter direct Url first! ";;
} else {
var url= document.getElementById("url").value;
google.script.run.withSuccessHandler(onSuccess).uploadFiles(url)
document.getElementById('resp').innerHTML = "uploading ";;
}
})
function onSuccess(url){
document.getElementById('resp').innerHTML = "File uploaded to path ((" + url + "))";
}
</script>
</body>
</html>
[mod edit - for others]