节点js中innertext的结果

我现在正在关注中的教程 https://codeburst.io/a-guide-to-automating-scraping-the-web-with-javascript-chrome-puppeteer-node-js-b18efb9e9921 了解更多有关使用木偶师刮网站的信息。他/她使用该网站 http://books.toscrape.com/ 为此目的。我们在学习完本教程后得到的代码是

const puppeteer = require('puppeteer');

let scrape = async () => {
const browser = await puppeteer.launch({headless: false});
const page = await browser.newPage();

await page.goto('http://books.toscrape.com/');
await page.click('#default > div > div > div > div > section > div:nth-child(2) > ol > li:nth-child(1) > article > div.image_container > a > img');
await page.waitFor(1000);

const result = await page.evaluate(() => {
    let title = document.querySelector('h1').innerText;
    let price = document.querySelector('.price_color').innerText;

    return {
        title,
        price
    }

});

browser.close();
return result;
};

scrape().then((value) => {
console.log(value); // Success!
});

运行此代码后的输出为

 { title: 'A Light in the Attic', price: '£51.77' }

我理解所有这些,但我想再进一步。也就是说,我想提取价格51.77,并进一步使用该价格在同一脚本中对其进行计算。我尝试了以下操作,但失败了

scrape().then((value) => {
const str=value;
const fl=parseFloat(str.substring(42,46));
fl=2*fl;
console.log('result is',fl);
});

我想我并不完全理解innerText函数是如何工作的,以及它真正的输出是什么。