Create constant in JS from JSON

swede · Jul 8, 2022

Hello. I have the following JSON data and would like to create a constant in JS contaning the value "17.6", but don't know how to create the data string. I hope somebody can help me. Thanks!

JSON data:

v value:
v 0:
date: 1657274400000
value: "17.6"
quality: "G"
updated: 1657274400000

Javascript:

<script>
fetch(
https://opendata-download-metobs.sm.../1/station/87440/period/latest-hour/data.json
)
.then(response => response.json())
.then(data => {
const tempSpan = document.querySelector("#tempSpan");
tempSpan.innerHTML = data.?????;
});
</script>

Padonak · Jul 8, 2022

HTML:

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <title></title>
    
    <style>
    
    </style>
  
  </head>
  <body>
<span id="tempSpan"></span> 
      <script>
fetch('https://opendata-download-metobs.smhi.se/api/version/1.0/parameter/1/station/87440/period/latest-hour/data.json')
.then(response => response.json())
.then(data => {
console.log(data);
const tempSpan = document.querySelector("#tempSpan"),
      val = data.value[0].value;
      tempSpan.innerHTML = val;
});
</script>
  </body>
</html>

swede · Jul 8, 2022

Thanks for your quick response, but unfortunately it's not working. I managed to have another script (below) working perfect, but the JSON content was structured in another way. Now the problem seems to be to pick up the value: "17.6".
I am then using this line to display the value on the web page:
<span id="tempSpan"></span>

<script>
fetch(
"https://opendata-download-metfcst.s...otype/point/lon/17.8684/lat/58.7429/data.json"
)
.then(response => response.json())
.then(data => {
const tempSpan = document.querySelector("#tempSpan");
tempSpan.innerHTML = data.timeSeries[0].parameters[10].values[0];
});
</script>

Padonak · Jul 11, 2022

swede said:
but unfortunately it's not working

Here is a screenshot taken right from my screen a couple of seconds ago. Not working?

BigDady · Jul 12, 2022

@swede, You have modified the code Padonak gave you and that's why it's not working. There is nothing labeled as timeSeries in the JSON datum.

swede · Jul 15, 2022

I was not able to view your answers during a couple of days, was waiting for approval from the administrator to read it. In the meantime I found the answer myself. This works. Problem solved.

<script>
fetch('https://opendata-download-metobs.sm.../1/station/87440/period/latest-hour/data.json')
.then(response => response.json())
.then(data => {
console.log(data);
const tempSpan = document.querySelector("#tempSpan");
tempSpan.innerHTML = data.value[0].value
});
</script>

What is the error in this code , file not fetch and not fetched in the basemap, not vissible in the browser	1	Jul 26, 2023
Issue with passing fetched data to POST form. How can I?	0	Jul 23, 2023
Using JS to verify registration info?	1	Mar 19, 2020
Why doesn't the function get called?	1	Nov 20, 2023
My sliding panel in React Js with graphs on it renders nothing but a blank screen--need help	0	Dec 9, 2019
Vercel/NextJS: How to access serverless functions from frontend during local development?	0	Jul 16, 2021
Help with code	0	Jun 12, 2022
Need help with this script	4	Mar 12, 2023

Create constant in JS from JSON

swede

Padonak

swede

Padonak

Attachments

BigDady

swede

Ask a Question

Similar Threads

Members online

Forum statistics

Latest Threads