How return the result of a function from an external javascript script to a pug file?

Question

I'm currently working on a little project which use pug (I discovered it just yesterday).

Here is my configuration:

file1.pug

- let resultArray = oldArray;

input(
  type='button'
  name='resultButton'
  placeholder='Click me...'
  onclick="addNumber(resultArray)"
 )

script
  include scripts/search_script.js

externalScript.js

function getTotal(resultArray) {

  let result = 0;
  let newArray = [];

  for(let i = 0; i < resultArray.length; i++){
    result += resultArray[i]; 
  }  

  newArray.push(result);

  return newArray;
}

It's just a little (weird) example of what I did.

The thing is, I was wondering if the value of resultArray which is in my file1.pug can be replaced by the value returned from the method getTotal() in my externalScript.js?

Does this answer your question? How to pass a Pug JSON object to client side JavaScript — Graham
– Graham, Commented Apr 18, 2020 at 16:18

Sean · Accepted Answer · 2020-04-16 19:56:19Z

2

Pug won't have access to javascript included inside a script tag, which will only run in browser. If you want to use the getTotal() function in Pug, you could include it in an unbuffered code block in your Pug file like this:

-
  function getTotal(resultArray) {

    let result = 0;
    let newArray = [];

    for (let i = 0; i < resultArray.length; i++) {
      result += resultArray[i]; 
    }

    newArray.push(result);

    return newArray;
  }

answered Apr 16, 2020 at 19:56

Sean

8,3875 gold badges30 silver badges55 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How return the result of a function from an external javascript script to a pug file?

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related