Ссылка на вторую функцию в скрипте Google Apps

Все еще новичок в 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>

Когда вы вызываете функцию из кода на стороне клиента, дайте ей обработчик успеха. Возвращаемое значение вызываемой функции передается обработчику успеха (а исключение throw передается назначенному обработчику сбоя). В обработчике успеха используйте возвращаемое значение по желанию. См. Примеры в документации по скрипту приложений для google.script.run.

tehhowch 29.03.2018 18:46
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
0
1
31
1

Ответы 1

Попробуй это :

<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>";
}

Другие вопросы по теме