Cómo hacer que el estado siga apareciendo en la función JavaScript en HTML
Nov 30 2020
Esta es una continuación de la pregunta anterior que hice en este foro.
Hice algunos cambios en el código agregando la condición else. Lo que estoy tratando de resolver es mostrar el estado actual a medida que se carga la página. el código actual muestra el estado solo si se hace clic en el botón.
¿Cómo puedo hacer que aparezca el estado actual cuando la página se carga y el estado se actualiza cuando se hace clic en el botón?
CODIGO.GS
function doGet(e) {
return HtmlService.createHtmlOutputFromFile('Index');
}
function checkStatus(notify) {
var employee = "John Peter";
var ss = SpreadsheetApp.getActiveSpreadsheet();
var mainSheet = ss.getSheetByName("MAIN");
var data = mainSheet.getDataRange().getValues();
for (var j = 0; j < data.length; j++){
var row = data[j];
var mainSheet2 = row[4];
var mainSheet3 = row[0];
var status = (mainSheet2 =="IN" && mainSheet3 == employee) ;
if (status == true){
var notify = employee +" You Are In"
return notify;
}
else{
var status = (mainSheet2 =="OUT" && mainSheet3 == employee) ;
if (status == true){
var notify2 = employee +" You Are Out"
return notify2;
}
}
}
}
Index.html
<body>
<div>
<button onclick="onStatus()">Check Status</button>
<font color='Green' id="status" onbeforeprint="onStatus" ></font>
</div>
<script>
function onStatus() {
google.script.run.withSuccessHandler(updateStatus) // Send the backend result to updateStatus()
.checkStatus(); // Call the backend function
}
function updateStatus(notify) {
document.getElementById('status').innerHTML= notify;
}
</script>
</body>
Respuestas
2 VimalPatel Nov 30 2020 at 15:43
Puede invocar esta función al cargar la página como se muestra a continuación. Agregue este script al final, justo antes de que termine su etiqueta corporal.
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js">
</script>
<script>
// The code in this function runs when the page is loaded.
$(function() {
google.script.run.withSuccessHandler(updateStatus)
.checkStatus();
});
</script>