Whenever I try to use an async function it works on desktop but not on mobile. Using normal functions in my event listeners works fine on mobile and on desktop. Trying to call async functions in event listeners and outside of event listeners works on desktop but not on mobile. I’ve tried safari and chrome on my iphone xr and neither work. Any help would be much appreciated.
<!DOCTYPE html>
<html>
<body>
<h1>Current Temperature</h1>
<h2 id="currentTmp">1</h2>
<h1>Set Temp</h1>
<h2 id="setTmp">1</h2>
<button type="button" id="upButton">UP</button>
<button type="button" id="downButton">DOWN</button>
<script>
var piTemps;
var temp;
var fullString;
async function initial(){
const response = await fetch('https://5206thermostatbucket.s3.us-east-2.amazonaws.com/helloworld.txt');
var text = await response.text();
var piTemps = text.split(" ");
document.getElementById("setTmp").innerHTML = "you're seriously fucked bud"
temp = parseInt(piTemps[0]);
document.getElementById("setTmp").innerHTML = piTemps[0];
document.getElementById("currentTmp").innerHTML = piTemps[1];
};
initial();
document.getElementById("upButton").addEventListener('click', async function(){
const response = await fetch('https://5206thermostatbucket.s3.us-east-2.amazonaws.com/helloworld.txt');
var text = await response.text();
var piTemps = text.split(" ");
temp = parseInt(piTemps[0]);
temp += 1;
document.getElementById("setTmp").innerHTML = temp;
fullString = temp.toString() + " " + piTemps[1];
fetch('https://5206thermostatbucket.s3.us-east-2.amazonaws.com/helloworld.txt', {
method: 'PUT',
headers: {
'Content-Type': 'text/plain'
},
body: fullString
});
//document.getElementById("setTmp").innerHTML = "holy shit you're fucked";
});
document.getElementById("downButton").addEventListener('click', async function(){
const response = await fetch('https://5206thermostatbucket.s3.us-east-2.amazonaws.com/helloworld.txt');
var text = await response.text();
var piTemps = text.split(" ");
temp = parseInt(piTemps[0]);
temp -= 1;
document.getElementById("setTmp").innerHTML = temp;
fullString = temp.toString() + " " + piTemps[1];
console.log(fullString);
fetch('https://5206thermostatbucket.s3.us-east-2.amazonaws.com/helloworld.txt', {
method: 'PUT',
headers: {
'Content-Type': 'text/plain'
},
body: fullString
});
});
</script>
</body>
</html>