magento 2 configurable product sku and price change

I’m wondering how the below can be done for configurable products as it’s been done for bundled products.

In app/design/frontend/…/…/magento_catalog/template/view there’s a file that displays the sku (let’s say abc123) and a price of £10

And in app/design/frontend/…/…/magento_configurableProduct/template/view/configurable.phtml (I think that’s what it’s called) it shows a dropdown of the configurable products for the related catalog product (lets say the skus are bcd234, cde345 and def456 and the prices being £10, £20, £10 respectively)

Is there a way of dynamically changing the sku/price through pure js?