I want to create a function and have it return an html like in react (Without use react or jsx)
const func = () => {
return (
<h1>Hello World!</h1>
);
}
Add a comment
|
1 Answer
Without use react or jsx
If you don't want to use JSX then clearly you can't use JSX. You can return a string:
const func = () => {
return '<h1>Hello World!</h1>';
}
document.querySelector('#test').innerHTML = func();<div id="test"></div>Or perhaps an element:
const func = () => {
const el = document.createElement('h1');
el.innerText = 'Hello World!';
return el;
}
document.querySelector('#test').appendChild(func());<div id="test"></div>11 Comments
yep shushi
And without using quotes or createelement
David
@yepshushi: What do you mean? What exactly are you trying to do?
yep shushi
return an html in the function instead of a string
David
@yepshushi: And what do you consider to be "an html"? If you want to use JSX without using React, that may be possible. But in the question you explicitly state that you don't want to use JSX. Now you're also stating that you don't want to use strings. Or elements. Do you even want to use JavaScript at all? Are you even using a web browser? What are these random restrictions and what problem are you actually trying to solve? Please clarify the question instead of adding arbitrary requirements in comments.
yep shushi
sorry, what I'm trying to explain is that I wanted the component function to write as html ``return (<h1></h1>)``` and I was wondering if there was a way to do that without using jsx or babel, and I wanted it to return as a string when the function was executed, for example
component() // => "<h1></h1>" |