CODEWITHSUNDEEP
javascriptnode.jsexpresspug
janiv
janiv

Reputation: 749

Express, Jade, & NodeJS: Navigate between pages

How do I create a Jade page that has two buttons where each one of them redirects to another page made with Jade?

Upvotes: 8

Views: 18414

Answers (1)

LucaSpeedStack
LucaSpeedStack

Reputation: 501

This is the code I made for your question:

server.js

var express = require('express');
var path = require('path');

var app = express(); 

app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'jade');

app.get('/', function(req, res){
  res.render('layout', {
    title: 'Home'
  });
});

app.get('/newpage', function(req, res){
  res.render('anotherpage', {
    title: 'Home'
  });
});
app.listen(3000);

page1.jade

doctype html
html
  head
    title= title
  body
    p hi there!
    button(onclick="move()") newPage
script.
  function move() {
    window.location.href = '/newpage'
  }

anotherpage.jade

doctype html
html
  head
    title= title
  body
    p welcome to the other page!

Enjoy, because it took me 15 minutes to write all this and the post.

Luca

Upvotes: 16

Related Questions