%Schriftgröße, Layout, Papierformat, Art des Dokumentes
\documentclass[10pt,oneside,a4paper,headsepline,footsepline]{scrartcl}

%Einstellungen der Seitenränder
\usepackage[left=2cm,right=2cm,top=1.5cm,bottom=1.5cm,includeheadfoot]{geometry}

%neue Rechtschreibung
\usepackage[ngerman]{babel}

%Umlaute ermöglichen
\usepackage[utf8]{inputenc}

%Gesamtseitenzahl
\usepackage{lastpage}

% Kopf- und Fußzeile
% Funktioniert nicht \usepackage[automark]{scrpage2}%
\usepackage[automark]{scrlayer-scrpage}

%Quellcode-Listings
\usepackage{listings}

%Hyperlinks
\usepackage{hyperref}

% Backticks
\usepackage{upquote}

% Mehrere Spalten
\usepackage{multicol}

%Kopfzeile
\ihead{JavaScript}
\chead{}
\ohead{http://kohnlehome.de/html/localstorage.pdf}
%\setheadsepline{0.5pt}

%Fußzeile
%\setfootsepline{0.5pt}
\ifoot{Franz Kohnle}
\cfoot{Seite \thepage\ von  \pageref{LastPage}}
\ofoot{\today}

\pagestyle{scrheadings}

\begin{document}

% Überschrift 
\begin{center}
\LARGE % Schriftgröße
\bfseries % Fettdruck
\sffamily % Serifenlose Schrift
localStorage
\end{center}

\section*{Lesen von localStorage}
\begin{verbatim}
if(localStorage.getItem('data')){
    const dataString = localStorage.getItem('data');
    dataArray = JSON.parse(dataString);
}else{
    dataArray = [];    
}    
\end{verbatim}

\section*{Schreiben in localStorage}
\begin{verbatim}
const dataString = JSON.stringify(dataArray);
localStorage.setItem('data', dataString);    
\end{verbatim}

\section*{SvelteKit: Überprüfen, ob der Code im Browser ausgeführt wird}
\begin{verbatim}
import { browser } from "$app/environment";

if(browser){
    ...
}  
\end{verbatim}

	
\end{document}
