Все еще новичок в javascript. Я в процессе создания небольшого скрипта, который отображает вошедшего в систему пользователя слева от сетки и набор изображений справа. У меня есть HTML, настроенный так, как мне нужно, и мой зарегистрированный пользователь работает правильно.
У меня вопрос ..
Как заставить функцию loggiedinuser отображать результат в теге Div loggedinuser. Ниже мой код.
Надеюсь, я правильно объяснил.
Спасибо
разъем
function doGet() {
return HtmlService
.createTemplateFromFile('grids')
.evaluate();
}
function loggedinuser() {
var userEmail = Session.getActiveUser().getEmail();
var username = userEmail.substring(0, userEmail.indexOf("@"));
var usernameUppercase = username.toUpperCase();
var HTMLString = "<body> <h3> Logged in as " + usernameUppercase + "</h3></body>";
}.wrapper {
display: grid;
grid-template-columns: 20% 80%;
}
.wrapper>div {
background: #eee;
padding: 1em;
}
.wrapper>div:nth-child(odd) {
background: #ddd;
}
.apps ul {
vertical-align: middle;
list-style-type: none;
}
.apps li {
float: left;
padding-left: 14%;
}
.apps img {
overflow: auto;
}
.apps img:hover {
background-color: blue;
padding: 30%;
}
.apps a {}<html>
<body>
<div class = "wrapper">
<div class = "loggedin">
</div>
<div class = "apps">
<ul>
<li>
<a href = "https://mail.google.com/a/">
<img border = "0" alt = "Gmail" src = "https://drive.google.com/uc?export=view&id=1UXYyAO52U3kY4oVYYpaY__Z8kN8VHFxN" width = "40" height = "40">
</a>
</li>
<li>
<a href = "https://drive.google.com/a/">
<img border = "0" alt = "Google Drive" src = "https://drive.google.com/uc?export=view&id=1I53gryIOd2-PYtINtLDjY_SNjzw3AP1w" width = "40" height = "40">
</a>
</li>
<li>
<a href = "https://www.google.com/calendar/hosted/">
<img border = "0" alt = "Google Calendar" src = "https://drive.google.com/uc?export=view&id=18ZLAHw-ygNpPB6ykZV8zVjap1qcyAmuY" width = "40" height = "40">
</a>
</li>
<li>
<a href = "https://classroom.google.com">
<img border = "0" alt = "Google Classroom" src = "https://drive.google.com/uc?export=view&id=1oHMpEX8HKNxIOgOY12N_VTrqc3PdX654" width = "40" height = "40">
</a>
</li>
<li>
<img class = "appsicon" border = "0" src = "https://drive.google.com/uc?export=view&id=17wU1CyojZMixcv6g3j5mKBnFbs_JCkGL" onclick = "myFunction()" width = "40" height = "40">
</li>
</ul>
</div>
</div>
</body>
</html>


![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)


Попробуй это :
<div class = "loggedin">
<?!= loggedinuser() ?>
</div>
function loggedinuser() {
var userEmail = Session.getActiveUser().getEmail();
var username = userEmail.substring(0, userEmail.indexOf("@"));
var usernameUppercase = username.toUpperCase();
return "<body> <h3> Logged in as " + usernameUppercase + "</h3></body>";
}
Когда вы вызываете функцию из кода на стороне клиента, дайте ей обработчик успеха. Возвращаемое значение вызываемой функции передается обработчику успеха (а исключение throw передается назначенному обработчику сбоя). В обработчике успеха используйте возвращаемое значение по желанию. См. Примеры в документации по скрипту приложений для
google.script.run.