728x90
반응형
streamlit에 자바스크립트 코드 적용하기
자바스크립트 코드를 불러와주는 [components]라이브러리를 import합니다.
js 코드를 아래 양식에 맞게 작성한 뒤, components.html로 호출하면 끝!
import streamlit.components.v1 as components
import streamlit as st
st.markdown("HTML JS 적용")
js_code = """
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Simple JavaScript Example</title>
</head>
<body>
<button onclick="sayHello()">Click me</button>
<script>
function sayHello() {
console.log("Hello, World!");
}
</script>
</body>
</html>
"""
# components.html을 사용하여 HTML을 렌더링
components.html(js_code)
반응형
코드 실행 결과
코드가 잘 실행되는 것을 확인할 수 있습니다.
** 이전 글 참조
[파이썬] streamlit에 html&css 적용하기
streamlit 라이브러리에 html&css코드 적용시키기 1. 쌍따옴표 3개 안에 원하는 html&css코드를 넣어준 뒤, [html_css]라고 정의해준다. 2. streamlit의 markdown 함수로 [html_css]를 실행한다. html_css = """ Header 1 Head
jofresh.tistory.com
728x90
반응형
'programming > Python' 카테고리의 다른 글
| [파이썬] streamlit의 dataframe& session_state 알아보기 (0) | 2023.12.27 |
|---|---|
| [파이썬] Streamlit을 이용한 간단한 웹 애플리케이션 개발 (0) | 2023.12.26 |
| [파이썬] streamlit에 html&css 적용하기 (0) | 2023.12.26 |
| 파이썬 selenium 라이브러리 ChromeOptions 총정리 (0) | 2023.09.01 |
| 파이썬 가상환경에서 실행파일 만들기 (0) | 2023.08.29 |