DOM & Web APIs (web-sys)

use wasm_bindgen::prelude::*;
use web_sys::{console, Document, Window};
 
#[wasm_bindgen]
pub fn log_message(msg: &str) {
    console::log_1(&JsValue::from_str(msg));
}

use wasm_bindgen::prelude::*;
use web_sys::{Document, HtmlElement, Window};
 
fn window() -> Window {
    web_sys::window().expect("no global window")
}
 
fn document() -> Document {
    window().document().expect("no document")
}
 
#[wasm_bindgen]
pub fn mount_greeting(name: &str) -> Result<(), JsValue> {
    let doc = document();
    let body = doc.body().ok_or("no body")?;
    let div = doc.create_element("div")?;
    div.set_text_content(Some(&format!("Hello, {name}!")));
    body.append_child(&div)?;
    Ok(())
}
 
#[wasm_bindgen]
pub fn set_title(text: &str) {
    document().set_title(text);
}

[dependencies.web-sys]
version = "0.3"
features = [
  "console",
  "Document",
  "Element",
  "HtmlElement",
  "Window",
  "Request",
  "Response",
]

use wasm_bindgen::JsCast;
use wasm_bindgen_futures::JsFuture;
use web_sys::{Request, RequestInit, Response};
 
pub async fn fetch_text(url: &str) -> Result<String, JsValue> {
    let opts = RequestInit::new();
    opts.set_method("GET");
    let request = Request::new_with_str_and_init(url, &opts)?;
    let window = web_sys::window().unwrap();
    let resp_value = JsFuture::from(window.fetch_with_request(&request)).await?;
    let resp: Response = resp_value.dyn_into()?;
    let text = JsFuture::from(resp.text()?).await?;
    Ok(text.as_string().unwrap_or_default())
}