code. compile. run. debug. share.
Source Code
Language
<!--
Welcome to GDB Online.
GDB online is an online compiler and debugger tool for C, C++, Python, Java, PHP, Ruby, Perl,
C#, OCaml, VB, Swift, Pascal, Fortran, Haskell, Objective-C, Assembly, HTML, CSS, JS, SQLite, Prolog.
Code, Compile, Run and Debug online from anywhere in world.
-->
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="https://cdn.tailwindcss.com"></script>
<script defer src="main.js"></script>
<script>
tailwind.config = {
theme: {
extend: {
colors: {
clifford: '#da373d',
blua: '#155fa3',
red: '#ff0000',
},
backgrounds: {
blua: '#155fa3',
}
}
}
}
</script>
</head>
<body class="bg-blua">
<h1 class="text-3xl font-bold text-center text-red">
Welcome to Costco Wholesale
</h1>
<a href='sign-up.html'><button class="bg-sky-500 hover:bg-sky-700">Sign up</button></a>
<a href='sign-in.html'><button class="bg-sky-500 hover:bg-sky-700">Sign in</button></a>
</body>
</html>
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="https://cdn.tailwindcss.com"></script>
<script defer src="main.js"></script>
<script>
tailwind.config = {
theme: {
extend: {
colors: {
clifford: '#da373d',
blua: '#155fa3',
red: '#ff0000',
},
backgrounds: {
blua: '#155fa3',
}
}
}
}
</script>
</head>
<body class="bg-blua">
<h1 class="text-3xl font-bold text-center text-red">
Welcome to Sign up
</h1>
<input placeholder="Email" id="email">
<input placeholder="Password" id="password" type="password">
<button class="bg-sky-500 hover:bg-sky-700" onclick="save()">Done</button>
</body>
</html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="https://cdn.tailwindcss.com"></script>
<script defer src="main.js"></script>
<script>
tailwind.config = {
theme: {
extend: {
colors: {
clifford: '#da373d',
blua: '#155fa3',
red: '#ff0000',
},
backgrounds: {
blua: '#155fa3',
}
}
}
}
</script>
</head>
<body class="bg-blua">
<h1 class="text-3xl font-bold text-center text-red">
Welcome to Sign in
</h1>
<div id="shop"></div>
<button class="bg-sky-500 hover:bg-sky-700" onclick="load()">Done</button>
</body>
</html>
function save() {
localStorage.setItem('email', email.value);
localStorage.setItem('password', password.value);
}
function load() {
if(localStorage.getItem("email") && localStorage.getItem("password")) {
shop.innerHTML = "<a href='shop.html'><button class='bg-sky-500 hover:bg-sky-700'>Go into shop</button></a>";
} else {
alert("No account");
}
}
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="https://cdn.tailwindcss.com"></script>
<script defer src="main.js"></script>
<script>
tailwind.config = {
theme: {
extend: {
colors: {
clifford: '#da373d',
blua: '#155fa3',
red: '#ff0000',
},
backgrounds: {
blua: '#155fa3',
}
}
}
}
</script>
</head>
<body class="bg-blua">
<h1 class="text-3xl font-bold text-center text-red">
Welcome to Shop
</h1>
</body>
</html>
Compiling Program...
Standard Input:
Interactive Console
Text
Program is not being debugged. Click "Debug" button to start program in debug mode.
| # | Function | File:Line |
|---|
| Variable | Value |
|---|
| Register | Value |
|---|
| Expression | Value |
|---|
| # | Description |
|---|