2022-07-05 13:41:43 +00:00
---
sidebar_label: Frame.$eval
---
# Frame.$eval() method
2022-08-10 21:34:29 +00:00
Runs the given function on the first element matching the given selector in the frame.
If the given function returns a promise, then this method will wait till the promise resolves.
2022-07-05 13:41:43 +00:00
**Signature:**
```typescript
class Frame {
$eval<
2022-07-06 07:05:37 +00:00
Selector extends string,
2022-07-05 13:41:43 +00:00
Params extends unknown[],
Func extends EvaluateFunc<
2022-07-06 07:05:37 +00:00
[ElementHandle< NodeFor < Selector > >, ...Params]
> = EvaluateFunc<[ElementHandle<NodeFor<Selector>>, ...Params]>
2022-07-05 13:41:43 +00:00
>(
selector: Selector,
pageFunction: Func | string,
...args: Params
): Promise< Awaited < ReturnType < Func > >>;
}
```
## Parameters
2022-08-10 21:34:29 +00:00
| Parameter | Type | Description |
| ------------ | -------------- | -------------------------------------------------------------------------------------------------------------------------------------------------- |
| selector | Selector | The selector to query for. |
| pageFunction | Func \| string | The function to be evaluated in the frame's context. The first element matching the selector will be passed to the function as its first argument. |
| args | Params | Additional arguments to pass to < code > pageFunction< / code > . |
2022-07-05 13:41:43 +00:00
**Returns:**
Promise< Awaited< ReturnType< Func> > >
2022-08-10 21:34:29 +00:00
A promise to the result of the function.
2022-07-05 13:41:43 +00:00
## Example
```ts
const searchValue = await frame.$eval('#search', el => el.value);
```